Web前端笔记-two.js加载图片
生活随笔
收集整理的這篇文章主要介紹了
Web前端笔记-two.js加载图片
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
目前關(guān)于two.js的資料,國內(nèi)的不是很多,項(xiàng)目中要加載圖片,官方文檔上沒有關(guān)于加載圖片的相關(guān)資料,但在github生態(tài)圈找到了,在此記錄下。
如下圖片:
圖片路徑:
在JS文件中導(dǎo)入圖片:
import img from '@/assets/image/pic1.png'代碼如下:
let pic = two.makeTexture(img); let shape = two.makeRectangle(3000, 3000, 100, 100); shape.fill = pic; shape.noStroke();程序運(yùn)行截圖如下:
?
?
總結(jié)
以上是生活随笔為你收集整理的Web前端笔记-two.js加载图片的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 计算机图形学Web前端笔记-浏览器中心点
- 下一篇: Java笔记-Spring-rabbit