使用html2canvas对当前页面进行生成图片
来源:互联网 发布:化为简化阶梯型矩阵 编辑:程序博客网 时间:2024/04/26 07:03
1.需要导入jquery
2.导入(html2canvas.min.js)
代码如下:
function down(){ //l:横向, p:纵向; 单位: in:英寸,mm毫米;px:像素; 画布大小:默认是A4纸大小 // var pdf = new jsPDF('p', 'mm', [230, 250]); //230 x 250 html2canvas($("#example-2"),{ height: 12000, onrendered:function(canvas){ var imgData=canvas.toDataURL(); // pdf.addImage(imgData, 'JPEG', 5, 5, 225 , 235); //第3、4个参数是位置(x,y),第5、6个参数是宽,高 // pdf.save(new Date().getTime()+'.pdf'); } }); }function down2(){ var str = $('#example-2'); //console.log(str); html2canvas([str.get(0)], { scale: 2, onrendered: function (canvas) { var image = canvas.toDataURL("image/png"); console.log(image); var pHtml = "<img src="+image+" />"; $('#pic').html(pHtml); } }); //配合着vueJs<button v-on:click="greet">Greet</button><button onclick="down2()">ok</button><div id="pic">图片</div>
阅读全文
0 1
- 使用html2canvas对当前页面进行生成图片
- html2canvas 截取当前页面
- 使用html2canvas插件在ie11下无法生成图片
- Capturing Webpage Screenshot with Html2Canvas.js(使用Html2Canvas生成网页快照)
- html2canvas页面截图图片不显示
- html2canvas页面截图图片不显示
- html2canvas生成图片模糊的解题思路
- 使用html2canvas进行屏幕截屏
- jsp 获取当前页面时间 并对时间进行比较
- 图片生成64位渲染到当前页面
- 使用html2canvas来将dom转化为图片
- javascript ---- html2canvas转图片
- HTML2CANVAS 合成图片
- 使用EHCache对页面进行缓存
- 使用phantomjs对页面进行截图
- 使用junit4+NekoHTML对页面进行单元测试
- 使用ab对页面进行压力测试
- 使用GDI+对图片进行操作
- Stanford Online-统计学习-ISLR-Ch3-Linear Regression
- MyBatis的collection只能查询一条记录
- Spring中 abstract="true"
- 深入理解Spring MVC 思想
- Cocos2d-x 3.10 使用BMFont 制作自定义位图字体.fnt文件
- 使用html2canvas对当前页面进行生成图片
- Centos 环境下,有关Nginx安装与配置详解
- CORS 跨域资源访问
- 习题6.6
- Python实现 线性回归(梯度下降)
- Spring中AOP的理解以及如何用代码实现
- Windows常见的数据类型
- linux命令
- JCEF编译过程