设为首页
收藏本站
开启辅助访问
切换到宽版
官方Q群
天天ASP家园网友互动群
群1: 697497501(新手学习互助群)
群2: 47598123(进阶应用群)
注册账号
登录
|
搜索
搜索
本版
用户
论坛
BBS
天天ASP家园
»
论坛
›
技术交流
›
前端技术
›
通过JavaScript将HTML网页转为图片
返回列表
发新帖
查看:
359
|
回复:
0
[文章教程]
通过JavaScript将HTML网页转为图片
[复制链接]
xuanxiao
当前离线
积分
9520
IP卡
狗仔卡
xuanxiao
发表于 2022-1-21 00:04:19
|
显示全部楼层
|
阅读模式
html2canvas 是一个 HTML 渲染器。该脚本允许你直接在用户浏览器截取页面或部分网页的“屏幕截屏”,屏幕截图是基于 DOM,因此生成的图片并不一定 100% 一致,因为它没有制作实际的屏幕截图,而是根据页面上可用的信息构建屏幕截图。
JS_html_to_image.rar
(89.72 KB, 下载次数: 2, 售价: 5 个ASP币)
2022-1-21 00:02 上传
点击文件名下载附件
1,什么是 html2canvas
html2canvas 可以通过获取 HTML 的某个元素,然后生成 Canvas,从而让用户保存为图片。
html2canvas 工作原理是将当页面渲染成一个 Canvas 图片,通过读取 DOM 并将不同的样式应用到这些元素上。
html2canvas 不需要来自服务器任何渲染,整张图片都是在客户端浏览器创建。
2,适用的浏览器
只要浏览器支持 Canvas 即可,包括:Firefox 3.5+、Google Chrome、Opera 新的版本、IE9 以上的浏览器。
3,注意事项
当然并不是所有的页面元素都可以进行转换的,下面是不支持的情况:
不支持 iframe
不支持跨域图片(可以先将线上图片转换成 base64,然后用 base64 作为图片路径)
不支持 flash
不支持 transform、transition 过渡、animation 动画(备注:transform 初始布局是可以的,但是不能参与动画类的操作)
ASP币如何冲?请看这里
回复
使用道具
举报
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
显身卡
返回列表
发新帖
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
注册
本版积分规则
发表回复
回帖后跳转到最后一页
快速回复
返回顶部
返回列表
在线客服
售前咨询
售后咨询
服务热线
023-58418553
微信公众号