canvas 簡單部分就先不提了

就說說今天我遇到的一些問題，雖然簡單，想總結一下后來看起來也方便?

先附上一個chartjs(用canvas繪制圖標的，方便) 官網:http://www.chartjs.org

使用方法: <script src="Chart.js"></script>

var chart = new Chart(context);

接下來就是根據需求制定不同的表，不同的表定義數據的方法不同

看圖片里會有demo

最后:chart.表名(你的數據存放的數組名);

?

接下來就是畫圓時遇到的問題:

canvas繪制圖片使用的drawImage()會有加載錯誤或者繪制錯誤(主要是chrome和firefox的問題)

解決辦法:給你的img對象添加 加載函數

img.οnlοad=function(){

　　context.drawImage();

}

畫布方法:

context.translate(x,y) 注意是相對上次位移

context.scale() ?在原畫板基礎上縮小或放大

context.rotate(Math.PI/n); ?相對原畫板旋轉

?

就這么多。。。。。。。。希望對一同學習的小伙伴們有些幫助

?

轉載于:https://www.cnblogs.com/Geekelyar/p/5037633.html

總結

以上是生活随笔為你收集整理的html5 - canvas的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。