2019独角兽企业重金招聘Python工程师标准>>>

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body>
<canvas id="myCanvas"></canvas>
<div id="showPic" style="display: none"><a href="" id="a_safe" download="板件"> <img src="" id="img_safe" alt=""></a>
</div>
<button id="canToPic">下载</button>
</body>
<script>document.getElementById("canToPic").onclick = function () {var a = document.getElementById('a_safe')var img = document.getElementById('img_safe')var image = document.getElementById("myCanvas").toDataURL("image/png");a.href = image;img.src = image;if (document.all) {a.click();}
// 其它浏览器else {var e = document.createEvent("MouseEvents");e.initEvent("click", true, true);a.dispatchEvent(e);}}
</script>
</html>

转载于:https://my.oschina.net/u/3407699/blog/1563218

canvas转化图片并下载相关推荐

  1. JS前端基于canvas给图片添加水印,并下载带有水印的图片

    基于canvas给图片添加水印 实现效果图 图片添加水印的步骤 1.获取图片路径,将图片转换为canvas 2.canvas画布上绘制文字水印 3.水印绘制完成后,将canvas转换为图片格式 4.水 ...

  2. canvas转化为图片并下载

    jQuery("canvas").each(function(i){function downloadImage(url,filename){var a = document.cr ...

  3. 【图文保存为图片并下载到相册】海报 h5, 微信和 ios 不支持 和 用uniapp 微信小程序 使用canvas把页面转为图片保存到手机

    第一种,[图文保存为图片并下载到相册] h5, 微信和 ios 不支持 1,安装html2canvas npm install html2canvas --save 2,在需要的页面引入 import ...

  4. html5 canvas手写画板 下载图片至本地

    html5 canvas手写画板 下载图片至本地 <!DOCTYPE html> <html><head><meta charset="utf-8& ...

  5. qrcode生成二维码,canvas转化为图片

    可以用jquery.qrcode.min.,js将一个页面生成二维码,该插件支持canvas和table,默认为canvas 核心代码: $('#qrcodeCanvas').qrcode({     ...

  6. canvas绘制图片二维码+文字+背景 下载到本地

    之前写过下载二维码的需求,需求简单,只要能下载就行,但是下载到本地就一个纯二维码的小图片,感觉不怎么美观. 闲来无事,以下自己写了个小demo,丰富canvas下载到本地的图片内容,可以添加照片,描述 ...

  7. canvas导出图片python_用Python实现ppt转化图片(附带长图合并功能)

    用Python实现ppt转化图片(附带长图合并功能) 前言 笔者前一阵在学习数据相关的东西,从初学开始,一直在参加社区中的图表小挑战,此项活动是社区出题人给出一定官方数据,参加小挑战的人员可以对数据进 ...

  8. Python爬虫之足球小将动漫(图片)下载

      尽管俄罗斯世界杯的热度已经褪去,但这届世界杯还是给全世界人民留下了无数难忘的回忆,不知你的回忆里有没有日本队的身影?本次世界杯中,日本队的表现让人眼前一亮,很难想象,就是这样一只队伍,二十几年还是 ...

  9. 神奇的canvas——巧用 canvas 为图片添加水印

    代码地址如下: http://www.demodashi.com/demo/11637.html 很久之前写过一篇关于 canvas 的文章,是通过 canvas 来实现一个绚丽的动画效果,不管看过没 ...

最新文章

  1. springmvc 传对象报400_源码导读:深入理解SpringMVC报400时的流程
  2. vba抓取网页数据到excel_R语言网页数据抓取XML数据包
  3. python基本使用-python基本用法
  4. linux查端口被占用情况,Linux系统中如何查询端口被占用情况
  5. python监控网页内容变化_使用Python监控文件内容变化代码实例
  6. MAC OS Finder 中快速定位指定路径
  7. FD.io——助你创新更高效、更灵活的报文处理方案
  8. 杰理ac692x芯片编程软件_杰理AC692N系列开发入门教程
  9. Java定义一个名为Square继承Shape抽象类,覆盖Shape类中的抽象方法getPerimeter()和getArea
  10. 电脑上怎么设置时间提醒?有哪些电脑桌面时钟提醒便签?
  11. 精美UI静态界面欣赏
  12. 飞书的聊天信息服务器,飞书服务端SDK java
  13. PV操作与信号灯及例子
  14. 【京东电商网站主界面仿写——HTML第二部分】
  15. 京东撸货--网上几百元的教程怎样辨别真假?不要被割韭菜
  16. 阿里云Redis开发遇到的问题总结
  17. golang mongodb 聚合(Aggregate) github.com/qiniu/qmgo框架
  18. AS3多人游戏开发—同步人物移动
  19. 开发一款桌面程序。文件转换器
  20. origin作图所用数据点太多,做图时需要跳过数个数据给一个标记的方法

热门文章

  1. 程序员看过来!JS、Java、C 依然强势,Go、Kotlin、Python 潜力股,2020 开发者生态系统报告
  2. 滴滴海外市业务面试经历
  3. C++ 退出双层for循环,解决 break、return、continue无法实现问题
  4. AngularJS中使用HTML5摄像头拍照
  5. 彻底搞懂Java内存泄露
  6. Oracle 11.2 安装Oracle 11.1的HR schoma
  7. SQL Server 跨数据库事务
  8. Java 判断 list 为空
  9. NAnt学习笔记(2) -- 节点的含义解释
  10. Android基础教程之五大布局对象------FrameLayout,LinearLayout,AbsoluteLayout,RelativeLayout,TableLayout...