假設我有一些身體部位影像供用戶將其合并為 nft。
-images
-eyes
-blue_eyes.png
-red_eyes.png
-body
-strong_body.png
-slim_body.png
...
例如:

用戶可以選擇不同的身體部位進行組合。
如果我想讓用戶看到頭像的預覽,我應該如何將身體部位影像組合成如下所示的影像,使用javascript?

uj5u.com熱心網友回復:
我知道的唯一方法是將它與 HTML 和 CSS 一起使用,如下所示:
在你的 HTML
<div class="wrappingImage">
<img src="body.png">
<img src="eyes.png">
<img src="mouth.png">
</div>
在你的 CSS
.overlappingImage {
position: absolut:
top: 0;
left: 0;
}
.wrappingImage {
position: relative;
}
比你可以添加一個值(像這樣:)<img value="1">到你的,images并template在點擊按鈕后根據這個值放置它們- 所以讓body = 0,eyes = 1和mouth = 1。
希望能幫到你!
uj5u.com熱心網友回復:
您可以使用node.js包

輸出影像:

轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/346280.html
標籤:javascript
