国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

打印modal框中在線生成的二維碼

elva / 3418人閱讀

摘要:在網(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

相關(guān)文章

  • 在線編輯維碼并發(fā)送到熱敏打印打印

    摘要:在線編輯使用到的插件根據(jù)信息繪制二維碼插件用于顏色選擇,綁定事件更改二維碼的顏色用于將格式的二維碼轉(zhuǎn)換成的,之后使用方法生成二維碼圖片的編碼數(shù)據(jù),通過發(fā)送給后端熱敏打印機打印二維碼圖片要轉(zhuǎn)成格式。 在線編輯 使用到的 js 插件: qrcodesvg 根據(jù)信息繪制二維碼插件 colorPicker 用于顏色選擇,js綁定事件更改二維碼(svg)的顏色 canvg ...

    GHOST_349178 評論0 收藏0
  • 云服務(wù)器 ECS 建站教程:在ECS上部署數(shù)據(jù)庫

    摘要:在阿里云平臺上,可通過自帶的鏡像市場實現(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)一軟件進...

    stefan 評論0 收藏0
  • 【開源】合摩 WeexBox 正式發(fā)布

    摘要:目前團隊使用已研發(fā)了好幾款,它能滿足及支撐我們上百個頁面的業(yè)務(wù)場景,讓我們的開發(fā)效率大大提升,使我們的技術(shù)棧更加完善。最后希望我們的方案能幫助開發(fā)中的你。 showImg(https://segmentfault.com/img/remote/1460000017460300?w=2166&h=2166); WeexBox 一套簡潔高效的APP混合開發(fā)解決方案 寫在開頭 WeexBox...

    BakerJ 評論0 收藏0

發(fā)表評論

0條評論

elva

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<