日日操夜夜添-日日操影院-日日草夜夜操-日日干干-精品一区二区三区波多野结衣-精品一区二区三区高清免费不卡

畫布只是 HTML 頁面上的一個矩形區(qū)域。我們可以借助 JavaScript 在這個矩形區(qū)域（Canvas）中繪制圖形。

?Canvas 可以在 HTML5 中創(chuàng)建為 –

<canvas id = ”canvas1” width = ”250” height = ”150”></canvas>                                 

登錄后復(fù)制

這會創(chuàng)建一個名為canvas1、寬度=200、高度=100的空畫布。

要在其中繪制圖形，我們使用JavaScript –

var canvas = document.getElementById("Canvas1");
 var ctx1 = canvas.getContext("2d");
ctx1.moveTo(0,0); ctx1.lineTo(300,200);
 ctx1.stroke(); // This method actually draw graphics as per context object             

登錄后復(fù)制

要保存此圖形，我們需要將其保存為一些數(shù)據(jù)網(wǎng)址，例如 img.png 或 img.jpg

為此，我們將編寫 –

var imgurl= canvas.toDataURL( ) ; / / This method saves graphics in png
document.getElementById(‘cimg’).src = imgurl; // This will set img src to dataurl(png)
so that it can be saved as image.

登錄后復(fù)制

這樣，我們就可以將canvas數(shù)據(jù)保存到HTML5的文件中。

以上就是如何在HTML5中將畫布數(shù)據(jù)保存到文件中？的詳細內(nèi)容，更多請關(guān)注www.92cms.cn其它相關(guān)文章！