資料結構
網路
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化學
生物
數學
英語
經濟學
心理學
社會學
時尚研究
法律研究如何在 HTML5 中將畫布資料儲存到檔案中？
畫布只是 HTML 頁面上的矩形區域。我們可以在這個矩形區域（畫布）中使用 JavaScript 來繪製圖形。
可以在 HTML5 中按如下所示建立畫布：
<canvas id = ”canvas1” width = ”250” height = ”150”></canvas>
這會建立一個名為 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 為了儲存這個圖形，我們需要將它儲存成一些資料 URL，如 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.
這樣，我們就可以在 HTML5 中將畫布資料儲存至檔案了。
更新於： 2020 年 6 月 24 日
2K+ 瀏覽量
廣告