4.6　　位圖處理

　　4.6.1　　位圖裁剪

　　　　　　CanvasRenderingContext2D提供了一個clip()方法，這個方法會吧Canvas的當前路徑裁剪下來。

　　　　　　一旦調用了CanvasRenderingContext2D對象的clip()方法之后，接下來向Canvas繪制圖形時，

　　　　　　只有被clip()剪裁的路徑覆蓋的部分才會被顯示出來。

　　　　　　實現位圖剪裁的步驟如下：

　　　　　　　　1：將需要從位圖上剪裁的部分定義成Canvas上的路徑。

　　　　　　　　2：調用CanvasRenderingContext2D的clip()方法吧路徑剪裁下來。

　　　　　　　　3：繪制位圖-此時只有被clip()剪裁的路徑覆蓋的部分才會被顯示出來。

?

　　4.6.2　　像素處理

　　　　　　CanvasRenderingContext2D還提供了如下兩個功能非常強大的像素處理方法。

　　　　　　　　getImageData(int x,int y,int width,int height)：該方法獲取Canvas上從(x,y)點開始，

　　　　　　　　　　寬為width、高為height的圖片區域的數據。該方法的返回值是一個CanvasPixelArray對象，

　　　　　　　　　　該對象具有width、height、data等屬性。其中data屬性是一個形如[r1,g1,b1,a1,

　　　　　　　　　　r2,g2,b2,a2, r3,g3,b3,a3,````rN,gN,bN,aN]的數組，該數組中每4個元素對應一個像素點。

　　　　　　　　putImageData(CanvasPixelArray data,x,y)：該方法負責吧data里的數據放入Canvas中從(x、y)

　　　　　　　　　　點開始的區域。該方法將會直接改變Canvas上的圖像數據。

?

4.7　　輸出位圖

　　　　當程序通過CanvasRenderingContext2D在Canvas上繪圖完成后，還可調用Canvas提供的如下方法來輸出位圖：

　　　　　　toDataURL(String type)：該方法把Canvas對應的位圖編碼成DataURL格式的字符串。該方法的type參數

　　　　　　　　是一個形如image/png格式的MIME字符串。

轉載于:https://www.cnblogs.com/duzuoyan/p/3776494.html

總結

以上是生活随笔為你收集整理的6月8号=》105页-110页的全部內容，希望文章能夠幫你解決所遇到的問題。

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