資訊專欄INFORMATION COLUMN
摘要：在網(wǎng)上搜了一些方法，做法是獲取二維碼元素賦值給整個的，然后再調(diào)用瀏覽器的打印功能，缺點是會改變整個頁面，需要刷新恢復(fù)。但問題還不止于此，由于二維碼是在線生成的，獲取到的二維碼元素沒有實際內(nèi)容，所以這個方法不可行。
二維碼由jquery.qrcode.min.js將json字符串轉(zhuǎn)換而成，細節(jié)不再贅述，效果如圖：
調(diào)用瀏覽器打印功能（window.print()）時，會連同底層父頁面中的活動列表一起疊加打印，效果很糟糕。
在網(wǎng)上搜了一些方法，做法是獲取二維碼dom元素賦值給整個dom的body，然后再調(diào)用瀏覽器的打印功能，缺點是會改變整個頁面，需要刷新恢復(fù)。但問題還不止于此，由于二維碼是在線生成的，獲取到的二維碼dom元素沒有實際內(nèi)容，所以這個方法不可行。
最終的解決辦法如下：
底層父頁面定義樣式
在底層父頁面的最外層元素標(biāo)簽中添加該樣式，同樣，modal框中的打印和關(guān)閉按鈕也加上這個樣式，直接調(diào)用瀏覽器打印功能就可以了，效果如圖：
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/99615.html
摘要：在線編輯使用到的插件根據(jù)信息繪制二維碼插件用于顏色選擇，綁定事件更改二維碼的顏色用于將格式的二維碼轉(zhuǎn)換成的，之后使用方法生成二維碼圖片的編碼數(shù)據(jù)，通過發(fā)送給后端熱敏打印機打印二維碼圖片要轉(zhuǎn)成格式。 在線編輯 使用到的 js 插件： qrcodesvg 根據(jù)信息繪制二維碼插件 colorPicker 用于顏色選擇，js綁定事件更改二維碼（svg）的顏色 canvg ...
摘要：在阿里云平臺上，可通過自帶的鏡像市場實現(xiàn)一鍵部署系統(tǒng)的數(shù)據(jù)庫，完美解決耗時長部署易出錯的缺陷。操作步驟登錄云服務(wù)器管理控制臺。單擊左側(cè)導(dǎo)航中的云服務(wù)器創(chuàng)建實例。在ECS上部署數(shù)據(jù)庫 數(shù)據(jù)庫是依照某種數(shù)據(jù)模型組織起來并存放二級存儲器中的數(shù)據(jù)集合。這種數(shù)據(jù)集合具有如下特點：盡可能不重復(fù)，以最優(yōu)方式為某個特定組織的多種應(yīng)用服務(wù)，其數(shù)據(jù)結(jié)構(gòu)獨立于使用它的應(yīng)用程序，對數(shù)據(jù)的增、刪、改和檢索由統(tǒng)一軟件進...
摘要：目前團隊使用已研發(fā)了好幾款，它能滿足及支撐我們上百個頁面的業(yè)務(wù)場景，讓我們的開發(fā)效率大大提升，使我們的技術(shù)棧更加完善。最后希望我們的方案能幫助開發(fā)中的你。 showImg(https://segmentfault.com/img/remote/1460000017460300?w=2166&h=2166); WeexBox 一套簡潔高效的APP混合開發(fā)解決方案 寫在開頭 WeexBox...
閱讀 2312·2021-11-17 09:33
閱讀 843·2021-10-13 09:40
閱讀 574·2019-08-30 15:54
閱讀 778·2019-08-29 15:38
閱讀 2417·2019-08-28 18:15
閱讀 2475·2019-08-26 13:38
閱讀 1842·2019-08-26 13:36
閱讀 2129·2019-08-26 11:36
