下載 npm i html2canvas -s
導入 import html2canvas from ‘html2canvas’

//第一個參數是盒子容器 html2canvas(document.body,{//設置海報的大小和寬度height: document.body.offsetHeight+50,width: document.body.offsetWidth,//海報里面的圖片是否允許跨域，即訪問外鏈圖片allowTaint: true, }).then(canvas=>{ //將畫布轉化為base64的圖片,圖片跨域時無法轉化為圖片(暫未解決這個問題) var url = canvas.toDataURL(); console.log(canvas); //將畫布添加到body元素上 document.body.appendChild(canvas) });

html2canvas的坑

總結

以上是生活随笔為你收集整理的使用html2canvas生成海报的全部內容，希望文章能夠幫你解決所遇到的問題。

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