鍍金池/ 問答/HTML5  Java  室內(nèi)設(shè)計  HTML/ 在canvas上繪制圖標(biāo)

在canvas上繪制圖標(biāo)

如圖, 用canvas畫了個圖,
現(xiàn)在要在圖上添加箭頭圖標(biāo)/行人圖標(biāo), 圖標(biāo)要可以變換不同的顏色(紅黃綠灰)
請教實現(xiàn)方案

目前想到的方法..

  1. 仍然用純canvas繪制..
  2. 制作各圖標(biāo)各顏色的png, 用drawImage繪制上去
  3. Iconfont ?

補(bǔ)充:
底圖用canvas是因為路口可以動態(tài)生成, 8個方向任意選其中數(shù)個,
且每個方向可以有不同的配置參數(shù)

clipboard.png

回答
編輯回答
誮惜顏

pixijs吧 canvasAPI不是人用的。。。

2018年8月25日 17:54
編輯回答
眼雜

簡易是放圖片,因為人行圖標(biāo)如果繪制出來還是要花時間

2017年9月13日 08:30