我試圖在react應用程序中獲取自動生成的元掩碼帳戶圖像作為方形圖像。我目前正在使用react-jazzicon庫。

<Jazzicon diameter={100} seed={jsNumberForAddress(walletID)} />

jazzicon圖像結果

然而，似乎圖像是作為圓形圖像生成的。Jazzicon組件接受一個直徑屬性。

有沒有辦法覆蓋它或者裁剪它，使它成為一個正方形的圖像？

我還嘗試簡單地添加一個類名，然后添加CSS樣式。但這似乎不起作用。以前有人建議用這種方法來覆蓋從導入庫中的組件列表。但是，它似乎沒有classname屬性。

.className :global(.lib-component-classname){
  // Style here apply to component that's imported from libs
}

https://github.com/marcusmolchany/react-jazzicon

有一個圖書館可以解決這個問題(https://www.npmjs.com/package/@cfx-kit/wallet-avatar)

import { generateAvatarURL } from '@cfx-kit/wallet-avatar'

export default function App() {
    // ...
    return <img src={generateAvatarURL(account)} alt='account-avatar' />
}