html js 打印 圖片不顯示 canvas
出現(xiàn)這個(gè)原因是因?yàn)?用的是 canvas
我們要將canvas 轉(zhuǎn)成img 將之前的 canvas 替換掉 !!!

要打印的結(jié)構(gòu)

你們的結(jié)構(gòu)可能和我不一樣, 我的結(jié)構(gòu)是

var ids = document.getElementById(""+id).getElementsByTagName('canvas')[0]; //通過(guò)ID 獲取 子元素 canvasvar image = new Image(); //創(chuàng)建IMGimage.src = ids.toDataURL("image/png"); //生成img$("#"+id).html(image) //再將canvas 替換成 img

總體代碼

var osload = function(){$('.rf-qr-p').each(function (letter, rows) { //查詢(xún) canvas 元素 然后 循環(huán)生成二維碼let value = $(rows).data('src');// let id = $(rows).data('id');$(rows).qrcode({text: '' + value,width: 200,height: 200,});catoimg(rows,value) //這里是替換})}var catoimg = function(canvas,id){var ids = document.getElementById(""+id).getElementsByTagName('canvas')[0];var image = new Image();image.src = ids.toDataURL("image/png");$("#"+id).html(image)}

讓我們?cè)囈幌滦Ч?br />
對(duì)比一下現(xiàn)在的元素結(jié)構(gòu)
不顯示前

修改后:

總結(jié)

以上是生活随笔為你收集整理的html js 打印 图片不显示 canvas的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。