
html
banweili008
这个作者很懒,什么都没留下…
展开
-
append图片img标签后无法获取高度height的问题解决记录(笔记)
错误代码$(".img").append("<img id='img' src='"+ret+"' width='116' style='display:block'>");var hei = $("#img").height();console.log('hei:'+hei);//打印结果:hei:0正确代码$(".img").append("<img id='img' src='"+ret+"' width='116' style='display:bloc.原创 2021-08-09 17:57:25 · 508 阅读 · 0 评论 -
使用html2canvas.min.js将网页生成图片并打印(笔记记录)
<iframe id="downloadFrame" style="display:none;"></iframe>//打印function yl_dy(){ //选择器为要生成图片的区域 html2canvas(document.querySelector(".dlllb_aler_dy")).then(canvas => { var baseCode = canvas.toDataURL("image/png"); var idx = baseCode.i原创 2021-07-14 09:13:48 · 1208 阅读 · 0 评论 -
pdf不预览直接打印(笔记记录)
实现逻辑:后台将pdf文件转为base64编码传给前端,前端将base64转为pdf文件并生成路径,路径给iframe使用,这样打印的时候不会有跨域问题前端代码:<iframe id="downloadFrame" style="display:none;"></iframe>//将base64编码转为blob文件var data = window.atob(baseCode);var len = data.length;var arr = new Uint8Array原创 2021-06-23 21:04:37 · 1319 阅读 · 0 评论 -
通过css布局实现去掉window.print()打印界面的页眉页脚
通过css布局实现去掉window.print()界面的页眉页脚写在style中@page{ size: auto; /* auto is the initial value */ margin: 3mm; /* this affects the margin in the printer settings */ }原创 2021-02-26 11:35:26 · 2005 阅读 · 0 评论 -
iframe关于滚动条的去除和保留
转载自:iframe关于滚动条的去除和保留iframe嵌入页面后,我们有时需要调整滚动条,例如,去掉全部的滚动条,去掉右边的滚动条且保留底下的滚动条,去掉底下的滚动条且保留右边的滚动条。那么我们应该怎么做呢?一:去掉全部的滚动条 第一个方法: iframe 有一个scrolling属性,它有 auto , yes , no 这三个值。 scrolling : auto -----在需要的时候滚动条出现转载 2020-12-29 13:48:51 · 2369 阅读 · 0 评论