二維碼由jquery.qrcode.min.js將json字符串轉換而成，細節不再贅述，效果如圖：

調用瀏覽器打印功能（window.print()）時，會連同底層父頁面中的活動列表一起疊加打印，效果很糟糕。

在網上搜了一些方法，做法是獲取二維碼dom元素賦值給整個dom的body，然后再調用瀏覽器的打印功能，缺點是會改變整個頁面，需要刷新恢復。但問題還不止于此，由于二維碼是在線生成的，獲取到的二維碼dom元素沒有實際內容，所以這個方法不可行。

最終的解決辦法如下：
底層父頁面定義樣式

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

在底層父頁面的最外層元素標簽中添加該樣式，同樣，modal框中的打印和關閉按鈕也加上這個樣式，直接調用瀏覽器打印功能就可以了，效果如圖：

與50位技術專家面對面20年技術見證，附贈技術全景圖

總結

以上是生活随笔為你收集整理的打印modal框中在线生成的二维码的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。