移动端如何把canvas生成的图片保存到本地

2024-10-17 18:54:48

1、第一步我们可以在本地用记事本创建个html文件,用来写我们的demo实例,如下图cancas.html

移动端如何把canvas生成的图片保存到本地

3、第三步在第二步的基础上给页面容器的画布上用cancas花一个正方形的图片,代码如下图所示

移动端如何把canvas生成的图片保存到本地

5、我们点击页面上的“保存图片”按钮,会弹出另存为窗体,我们也可以对图片进行重命名以及选择保存路径,点击“下载并打开”按钮,如下图所示

移动端如何把canvas生成的图片保存到本地

7、最后为大家展示下完整的页面代码,如下图所示

移动端如何把canvas生成的图片保存到本地
猜你喜欢