關於canvas使用圖標庫方法

之前再製作地圖的時候碰到過這個問題,當時百思不得其解,大量百度依然沒有解決

後面還是一個大哥教會了我  因此記錄

        var canvas1 =document.createElement('canvas');
        canvas1.width = 100;
        canvas1.height = 100;
        var context1 = canvas1.getContext("2d");
 context1.beginPath();
 context1.font="16px Arial";  // 將這裏的Arial 設置爲自己圖標庫的名稱
  // 將使用的圖標的Unicode放在以下方式進行轉義,便可以使用
 var icon = eval('("'+'=Unicode'.replace('&#x','\\u').replace(';','')+'")')


 context1.fillStyle= "#008F36"
 context1.fillText(icon,45,86);

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章