博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
canvas图片与img图片的相互转换
阅读量:6258 次
发布时间:2019-06-22

本文共 563 字,大约阅读时间需要 1 分钟。

 

最近在一个项目中,遇到了一个问题,需要把生成的canvas形式的二维码转换为图片,可以长按识别,保存等。查找了一些资料归纳总结了一些知识。

默认在jq库里进行,引入jquery.qrcode.min.js库,将canvas图片转化为img图片,代码如下,

    

 同理也可以将图片转换为canvas,转换函数如下:

// 把image 转换为 canvas对象  function convertImageToCanvas(image) {      // 创建canvas DOM元素,并设置其宽高和图片一样       var canvas = document.createElement("canvas");      canvas.width = image.width;      canvas.height = image.height;      // 坐标(0,0) 表示从此处开始绘制,相当于偏移。      canvas.getContext("2d").drawImage(image, 0, 0);        return canvas;  }

转载于:https://www.cnblogs.com/ziyandeyanhuo/p/10169931.html

你可能感兴趣的文章
ticketea如何从一体化转向多体化架构
查看>>
解读2017之容器篇:后Kubernetes时代
查看>>
InfoQ播客:Randy Shoup谈Stitch Fix的技术栈,数据科学和微服务架构
查看>>
高德地图定位工具类
查看>>
Yelp开源数据管道项目最新组件——数据管道客户端库
查看>>
Docker周报:Windows Server将支持Mesos
查看>>
当编程语言掌握在企业手中,是生机还是危机?
查看>>
JetBrains Rider:一款全新的基于IntelliJ和ReSharper的.NET IDE
查看>>
Sonatype收购Vor Security,扩展对Nexus开源组件的支持
查看>>
Git 2.18版本已支持Git协议v2
查看>>
英孚教育全面上云与Serverless构建之路
查看>>
可执行镜像——开发环境的Docker化之路
查看>>
IntelliJ IDEA 2018.2支持Java 11、MacBook Touch Bar等新特性
查看>>
Microsoft 推出在AzureApp Service上支持Windows容器的公开预览版
查看>>
腾讯云携手朋迈推出“综合能源服务平台” 实现能源资源“智慧化”运营
查看>>
关于vue+webpack全局npm包全局引用的配置。
查看>>
LeetCode[354] Russian Doll Envelopes
查看>>
自动切换项目的node版本
查看>>
PHP设计模式之迭代器模式
查看>>
Mysql优化策略
查看>>