文档章节

将canvas标签转换为img标签

niuhongxia
 niuhongxia
发布于 2017/06/29 18:30
字数 113
阅读 74
收藏 0
//从 canvas 提取图片 image  
function convertCanvasToImage(canvas) {  
    //新Image对象,可以理解为DOM  
    var image = new Image();  
    // canvas.toDataURL 返回的是一串Base64编码的URL,当然,浏览器自己肯定支持  
    // 指定格式 PNG  
    image.src = canvas.toDataURL("image/png");  
    return image;  
}  
  
//获取网页中的canvas对象  
  
var mycanvas1=document.getElementsByTagName('canvas')[0];  
  
//将转换后的img标签插入到html中  
  
var img=convertCanvasToImage(mycanvas1);  
  
 $('#imagQrDiv').append(img);//imagQrDiv表示你要插入的容器id  

本文转载自:http://blog.csdn.net/lht0211/article/details/52300562

niuhongxia
粉丝 1
博文 141
码字总数 24434
作品 0
济南
私信 提问
jquery实现微信长按识别二维码

1.引入JS库 2.在页面创建一个空的div; 3.生成二维码 注意:这个时候生成的二维码在微信中长安没任何反应,因为qrcode生成的是canvas标签而不是img标签 4.将canvas标签转换为img标签 注意:完...

ht896632
2016/08/24
4.3K
10
前端图片canvas,file,blob,DataURL等格式转换

最近用到一些图片相关的操作,记录一下笔记。 将file转化成base64 场景: 获取到一个file类型的图片,如果直接在html中预览?这里就是利用html5的新特性,将图片转换为Base64的形式显示出来。...

fengxianqi
2018/07/25
0
0
为什么 canvas 不是一个自我闭合的 HTML5 标签

在对一个页面进行 debug 的时候,我发现 Firefox 将标签显示为红色,如图所示 解决这个问题的方法很明显,就是缺少 ,但是我网上检查代码发现并不缺少没有闭合的 ,其实问题出在这一行 虽然这...

虫虫
2012/07/14
3.6K
9
canvas在ios9.3.5以及ios10上发现的错误求帮忙

使用canvas插件将页面中的一个div里的内容转换成canvas然后再转换成img显示在页面上,PC端无问题,安卓测了一些真机也没有问题,但是在IOS9.3.2以及IOS10版本出现了问题,IOS9.3.2直接不显示...

机制的积极
2018/03/27
486
0
为什么 canvas 不是一个自我闭合的 HTML5 标签

当在调试一个由我们的PDF to HTML5 converter出品的页面时,我注意到火狐用红色字体标示HTML源代码中的一些标签。 很明确地,这里有一个闭合的div标签。 解决这个问题的方法很明显,就是缺少...

王振威
2012/11/27
167
1

没有更多内容

加载失败,请刷新页面

加载更多

docker百万连接设置相关资料

借助Docker单机秒开数十万TCP连接

youngjdong
10分钟前
0
0
这可能是史上最全 Redis 高可用解决方案总结

本文主要针对 Redis 常见的几种使用方式及其优缺点展开分析。 一、常见使用方式 Redis 的几种常见使用方式包括: 1.Redis 单副本; 2.Redis 多副本(主从); 3.Redis Sentinel(哨兵); 4....

别打我会飞
13分钟前
0
0
Qt编写数据可视化大屏界面电子看板11-自定义控件

一、前言 说到自定义控件,我是感觉特别熟悉的几个字,本人亲自原创的自定义控件超过110个,都是来自各个行业的具体应用真实需求,而不是凭空捏造的,当然有几个小控件也有点凑数的嫌疑,在编...

飞扬青云
15分钟前
0
0
第二讲:编写UDP Socket小程序

1、编写服务器端代码 文件-->新建 新建一个控制台程序: 下面用的是一张旧图,只要点确认就可以了。 切换到FileView视图 编译、链接 StdAfx.cpp( 里面的代码不用修改) 编辑UDPServer.cpp文...

一匹狼工作室
16分钟前
1
0
android ------ 实现高德定位并获取相应信息 ( 最新版高德SDK 和 Android SDK版本)

Android开发项目时常常会遇到定位这个功能, 很久以前写过一篇了,官方也更新了一些东西,我也更新下 以前使用的是jar包 导入来实现高德定位 老版本 链接:https://blog.csdn.net/DickyQie/...

切切歆语
18分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部