将网页中的canvas保存为图片

2022-08-05 20:37:18 浏览数 (1)

收到网友的请求,想把canvas保存为图片,其实很简单,canvas自带方法

  1. 打开网页,如https://en.dpm.org.cn/dyx.html?path=/tilegenerator/dest/files/image/8831/2009/2121/img0065.xml
  2. f12,找到canvas的dom,
  1. 在console输入该dom的定位,$('#dyx canvas'),他就会显示该dom的信息,

[0]代码该dom的html代码

  1. 调用toDataURL方法
  2. $('#dyx canvas')[0].toDataURL("image/jpeg"); 即可得到base64的编码,剩下的保存就行了

注意:保存的只是页面显示到的,未显示的不会保存

0 人点赞