打印modal框中在线生成的二维码

二维码由jquery.qrcode.min.js将json字符串转换而成，细节不再赘述，效果如图：

调用浏览器打印功能（window.print()）时，会连同底层父页面中的活动列表一起叠加打印，效果很糟糕。

在网上搜了一些方法，做法是获取二维码dom元素赋值给整个dom的body，然后再调用浏览器的打印功能，缺点是会改变整个页面，需要刷新恢复。但问题还不止于此，由于二维码是在线生成的，获取到的二维码dom元素没有实际内容，所以这个方法不可行。

最终的解决办法如下：
底层父页面定义样式

<style>@media print {.noprint {display: none;}}
</style>

在底层父页面的最外层元素标签中添加该样式，同样，modal框中的打印和关闭按钮也加上这个样式，直接调用浏览器打印功能就可以了，效果如图：

打印modal框中在线生成的二维码相关推荐

分享几个在线生成网址二维码的API接口
现在很多大网站都有这样的一个功能,使用手机扫描一下网页上的二维码便可快速在手机上访问网站.想要实现这样的功能其实很简单,下面麦布分享几个在线生成网址二维码的API接口.都是采用http协议接口,无需下 ...
最全的在线生成网址二维码的API接口（已更新12个接口）
最全的在线生成网址二维码的API接口(已更新12个接口) 最近修改一些主题,经常发现二维码失效的问题,大部分都是因为二维码API接口失效导致的,现在网站添加二维码的方法大部分都是用的接口,用接口的好处 ...
在线生成网址二维码的API接口
现在很多大网站都有这样的一个功能,使用手机扫描一下网页上的二维码便可快速在手机上访问网站.想要实现这样的功能其实很简单,下面麦布分享几个在线生成网址二维码的API接口.都是采用http协议接口,无需下 ...
推荐六个在线生成网址二维码的API接口
现在很多大网站都有这样的一个功能,使用手机扫描一下网页上的二维码便可快速在手机上访问网站.想要实现这样的功能其实很简单,下面麦布分享几个在线生成网址二维码的API接口.都是采用http协议接口,无需下 ...
六个在线生成网址二维码的API接口
现在很多大网站都有这样的一个功能,使用手机扫描一下网页上的二维码便可快速在手机上访问网站.想要实现这样的功能其实很简单,下面麦布分享几个在线生成网址二维码的API接口.都是采用http协议接口,无需下 ...
Excel中批量生成含二维码和条形码的产品标签，#Excel插件
Excel中批量生成含二维码和条形码的产品标签,工厂文员必备 Excel中批量生成产品标签,标签中同时包含二维码和条形码.工厂出货时必备,有了此标签可以扫码入库,效率提升数几倍.
推荐六个免费在线生成网址二维码的API接口
因为之前在找生成二维码的接口,所以就找了一堆,分享给有需要的. 现在很多大网站都有这样的一个功能,使用手机扫描一下网页上的二维码便可快速在手机上访问网站.想要实现这样的功能其实很简单,下面分享几个在线 ...
支付付宝个人转账API，在线生成转账二维码API
支付付宝个人转账API,在线生成转账二维码API 代码 alipays://platformapi/startapp?appId=09999988&actionType=toAccount&a ...
在线生成简单二维码图片
在线生成简单二维码图片: http://www.swetake.com/qrcode/sample_e.html 草料二维码生成器:http://cli.im/

打印modal框中在线生成的二维码

打印modal框中在线生成的二维码相关推荐

最新文章

热门文章