专栏首页LIN_ZONEjs 画布与图片的相互转化(canvas与img)

js 画布与图片的相互转化(canvas与img)

使用js将图片拷贝进画布

//将图片对象转化为画布,返回画布 function ImageToCanvas(image) { var canvas = document.createElement("canvas"); canvas.width = image.width; canvas.height = image.height; canvas.getContext("2d").drawImage(image, 0, 0);//0, 0参数画布上的坐标点,图片将会拷贝到这个地方 return canvas; }

使用js将画布转化为图片

//将画布转化为图片

function canvasToImage(canvas) { var image = new Image(); image.src = canvas.toDataURL("image/png");

//在此处也可以使用js的appendChild()方法将此img加入html页面

//return image; }

参考地址:http://blog.csdn.net/muzi187/article/details/53020172

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • vue中使用html2canvas及解决html2canvas截屏图片模糊问题

    html2canvas  官方网站http://html2canvas.hertzen.com/index.html

    lin_zone
  • windows环境下 php 将office文件(word/excel/ppt)转化为pdf(转)

    2.使用office提供的服务 (注:这在windows服务器上,并且服务器上面安装了版本比较高的office)

    lin_zone
  • 使用Golang 封装一个Api框架----请求处理篇

    实现http简单服务示例:参考文档 https://studygolang.com/pkgdoc

    lin_zone
  • js下载图片

    Wyc
  • 数据库-part1-MySQL安装

    datadir=D:\MySQL\MySQL Server 5.7.22\data

    少年包青菜
  • day79-<权限组件>-初识权限

    少年包青菜
  • 用jad做一个快乐的java代码阅读师

    对于我们大多数java代码的开发者,阅读已经编译好的class文件是我们经常要做的事情。最常见的方法无外乎使用IDE(eclipse、idea)自带的反编译功能...

    cosmozhu
  • Java压缩图片错误——蒙上一层红色

    生产问题——现场运维反馈安卓客户端从文件服务器获取的压缩后的商品图片存在失真,属于偶现问题。

    城市中的游牧民族
  • 量子位入围“2017年度学术公众号”,请为我们投上一票吧

    “2017 年度学术公众号”评选启动后,主办方科研圈邀请了数十万用户和多名科研人员提名自己心中最佳垂直领域学术公众号。截至 2018 年 1 月 23 日,本次...

    量子位
  • 网络层绕过IDS/IPS的一些探索

    近两年兴起的大型网络攻防对抗比赛以实战的方式进行,这个举措非常好,以攻促防(“talk is cheap,show me the shell”),参赛大企业会更...

    腾讯安全应急响应中心

扫码关注云+社区

领取腾讯云代金券