在vue中使用html2canvas,qrcanvas生成帶二維碼的截圖功能

1,先安裝插件依賴並且引入 npm i -D html2canvas npm install --save qrcode 2,定義盒子,先隱藏二維碼和圖片 3,引入插件,定義變量控制隱藏 4,在mounted中,先生成出二維碼,不做顯示,用css先設置好二維碼顯示的位置 5.接下來就是點擊截圖觸發事件了,其中的一些html2canvas 的參數可以自己調試,圖片生成後,在成功回調中將圖片信息給上面
相關文章
相關標籤/搜索