Web前端笔记-two.js加载图片
生活随笔
收集整理的這篇文章主要介紹了
Web前端笔记-two.js加载图片
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
目前關于two.js的資料,國內的不是很多,項目中要加載圖片,官方文檔上沒有關于加載圖片的相關資料,但在github生態圈找到了,在此記錄下。
如下圖片:
圖片路徑:
在JS文件中導入圖片:
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();程序運行截圖如下:
?
?
總結
以上是生活随笔為你收集整理的Web前端笔记-two.js加载图片的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 计算机图形学Web前端笔记-浏览器中心点
- 下一篇: 2017年html5行业报告,云适配发布