数据结构
网络
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+ 浏览量
广告