我需要將 html 的一些片段導(dǎo)出到 pdf 文件。我用的是 html2canvas 和 pdfjs。但是這個(gè)片段周圍添加了一些灰色邊框這是測試 html 片段:<div class="col-md-12 white-bg box-shadow margb0" id="test"> <div class="col-md-12 paddl0 paddr0 margt0 margb10"> <h4 class="paddb10 margt20 margb10 border-bottom-sc"> Some information out here </h4> </div></div>以及它的 css(col-md-12 來自 bootstrap.min.css):.white-bg { background: #ffffff; }.margb0 {margin-bottom: 0px !important;}.margt0 {margin-top: 0px !important;}.margb10 {margin-bottom: 10px;}.margt20 { margin-top: 20px;}.paddl0 {padding-left: 0px !important;}.paddr0 {padding-right: 0px !important;}.paddb10 { padding-bottom: 10px;}.border-bottom-sc {border-bottom: 1px solid #424343;}在 Chrome 中它看起來像這樣:這是我在 js 中執(zhí)行此操作的方法:var pdf = new jsPDF('p', 'pt', 'a4', true);var content = document.getElementById('test');html2canvas(content, { background: "white" }, { scrollX: 0, scrollY: 0 }).then(function (canvas) { var srcImg = canvas; var sX = 0; var sY = 0; var sWidth = 1150; var sHeight = 1350; var dX = 25; var dY = 25; var dWidth = 1150; var dHeight = 1350; window.onePageCanvas = document.createElement("canvas"); onePageCanvas.setAttribute('width', 1150); onePageCanvas.setAttribute('height', 1350); var ctx = onePageCanvas.getContext('2d'); ctx.drawImage(srcImg, sX, sY, sWidth, sHeight, dX, dY, dWidth, dHeight); var canvasDataURL = onePageCanvas.toDataURL("image/png", 1.0); var width = onePageCanvas.width; var height = onePageCanvas.height; pdf.addImage(canvasDataURL, 'jpg', 0, 0, (width*.51), (height*.51)); pdf.save('test.pdf');});以下是該片段在文檔中的外觀:演示: https: //jsfiddle.net/x6yg1kbm/2/所以我的問題:如何在 pdf 導(dǎo)出過程中不顯示此邊框?
- 1 回答
- 0 關(guān)注
- 155 瀏覽
添加回答
舉報(bào)
0/150
提交
取消