html5中引入新的元素canvas，其drawimage 方法允許在 canvas 中插入其他影象( img 和 canvas 元素) 。drawimage函式有三種函式原型：
drawimage(image, dx, dy)第乙個引數image可以用htmlimageelement，htmlcanvaselement或者htmlvideoelement作為引數。dx和dy是image在canvas中定位的座標值；dw和dh是image在canvas中即將繪製區域（相對dx和dy座標的偏移量）的寬度和高度值；sx和sy是image所要繪製的起始位置，sw和sh是image所要繪製區域（相對image的sx和sy座標的偏移量）的寬度和高度值。drawimage(image, dx, dy, dw, dh)
drawimage(image, sx, sy, sw, sh, dx, dy, dw, dh)
自己做的demo：
canvas 閉合 Canvas的絢爛起點
可以理解為，它提供了一塊畫布，在它所掌控的區域，可以運用各種方法繪製圖形 文字，或者製作動畫 處理影象，等等。通常我們能夠看到一些炫酷的動畫，很多都是canvas做出來的，但是需要各種元素和技巧綜合使用，不是一蹴而就的，我們先從基礎看起。var canvas document.getelementb...
canvas 閉合 canvas 線的樣式
線的樣式在canvas中分為輪廓顏色 以及線型的樣式 strokestyle color 設定描邊輪廓的顏色ctx.linecap butt 預設 正常 屬性值 round 多出半圓 square 多出方形 ctx.linewidth 20 ctx.strokestyle red 線帽 線的兩端的樣...
Canvas學習 Canvas裡的座標系統
上一節我們做好了使用canvas的準備工作，但並沒有深入的介紹如何使用canvas，比如怎麼繪製圖形，怎麼做canvas動畫等。但並不用著急，隨著我們後面的深入學習，這一切都會知道的。在深入學習之前，我們有必要先了解canvas裡的座標系統。那麼這一節，就先來了解canvas的座標系統。在數學裡，我...