将网页中的canvas保存为图片

By Heanny
2019-4-16
1267 read

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

  1. 打开网页,如https://en.dpm.org.cn/dyx.html?path=/tilegenerator/dest/files/image/8831/2009/2121/img0065.xml

  2. f12,找到canvas的dom,

    TIM图片20190416150718.png

  3. 在console输入该dom的定位,$('#dyx canvas'),他就会显示该dom的信息,

    TIM图片20190416150832.png

    [0]代码该dom的html代码

  4. 调用toDataURL方法


  5. $('#dyx canvas')[0].toDataURL("image/jpeg");

    即可得到base64的编码,剩下的保存就行了

    TIM图片20190416151027.png

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

vue使用svg的简单记录
vue获取audio文件时长

Comments

暂无评论,还不快来坐沙发...

Leave a Reply