html2canvas图片截图截屏功能,附demo地址
来源:互联网 发布:php cookie 路径 编辑:程序博客网 时间:2024/06/02 05:55
下载地址:https://github.com/ybx13579/html2Canvas-demo
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>html2canvas-demo</title> <meta charset="utf-8" /> <style> #gallery { width: 200px; height: 200px; background: url('1.JPG') no-repeat center center; background-size:100%; font-size:30px; color:#fff; text-align:center; /*line-height:200px;*/ } </style></head><body> <div id="gallery">截屏后我就归图片了</div> <button>点我截屏</button> <div id="box"></div></body></html><script src="js/jquery-2.1.1.min.js"></script><script src="js/html2canvas.js"></script><script> $(document).ready(function () { html2canvas(document.getElementById('gallery'), { onrendered: function (canvas) { var canvasData = canvas.toDataURL(); var eg = new Image(); eg.src = canvasData; $("button").on("click", function () { $box = $("#box"); $box.prepend(eg); }) }, // useCORS: true// 此代码针对跨域问题 }); })</script>
1 0
- html2canvas图片截图截屏功能,附demo地址
- 使用html2Canvas实现截图功能
- js 利用html2canvas实现截图功能
- html2canvas页面截图图片不显示
- html2canvas页面截图图片不显示
- html2canvas.js网页截图功能(解决截图不全问题)
- html2canvas.js网页截图功能(解决截图不全问题)
- html2canvas截图如何解决图片跨域的问题?
- html2canvas浏览器截屏
- html2canvas网页截图
- html2canvas 网页截图
- html2canvas截屏传入后台
- html2canvas js截图并下载
- 使用html2canvas实现浏览器截图
- 使用html2canvas实现浏览器截图
- html2canvas截图的内容中存在跨域图片时出错解决思路
- javascript ---- html2canvas转图片
- HTML2CANVAS 合成图片
- springmvc三种处理器映射器handlerMapping
- 选择排序法的理解
- 03 函数参数的默认值
- 深入理解uwsgi和gunicorn网络模型
- Myeclipse搭建Maven环境
- html2canvas图片截图截屏功能,附demo地址
- Java8初体验(一)lambda表达式语法
- 搜索引擎优化的七大错误
- 一:《方田》-- 7
- 【LeetCode21】【Merge Two Sorted Lists】递归实现
- 04 函数重载
- 尽量避免这种 某个section 的 item不为0 但是item高度为0的情况
- 分布式事务?No, 最终一致性
- Angular开发(五)-关于组件的基本认识