html2canvas黑盒而非图像_Html_Css_Html2canvas

html2canvas黑盒而非图像

html css

html2canvas黑盒而非图像,html,css,html2canvas,Html,Css,Html2canvas,我正在尝试用html2canvas捕捉带有图像的单个网页这是我的代码： <html> <head> <script src="html2canvas.js"></script> <script src="jquery.js"></script> </head> <body> <div id="body" style='height: 36mm;width: 60mm;color: rgb(0,

我正在尝试用html2canvas捕捉带有图像的单个网页

这是我的代码：

<html>
<head>
<script src="html2canvas.js"></script>
<script src="jquery.js"></script>
</head>
<body>
<div id="body" style='height: 36mm;width: 60mm;color: rgb(0, 0, 0);font-family: Titr;border-color: initial;border-style: 
solid;border-width: 12px 34px 21px 14px;-webkit-border-image: url("1.png") 125 346 219 148 fill stretch;border-image-source: url("1.png");
border-image-slice: 125 346 219 148 fill;border-image-width: initial;border-image-outset: initial;border-image-repeat: stretch;position: relative;' class="box">
 </div>

    <input type="button" name="print" />
</html>


<script>
    $(document).on('click', "[name='print']", function () {
        html2canvas(document.body, {
            letterRendering: true,
            logging: true,
            background :'#FFFFFF',
            onrendered: function (canvas) {
                var a = document.createElement('a');
                // toDataURL defaults to png, so we need to request a jpeg, then convert for file download.
                a.href = canvas.toDataURL("image/jpeg").replace("image/jpeg", "image/octet-stream");
                a.download = 'somefilename.jpg';
                a.click();
            }
        });

    });
</script>


$（文档）。在（'单击'，“[name='print']”上，函数（）{
html2canvas（document.body{
是的，
日志记录：是的，
背景：“#FFFFFF”，
onrendered：函数（画布）{
var a=document.createElement（'a'）；
//toDataURL默认为png，所以我们需要请求一个jpeg，然后转换为文件下载。
a、 href=canvas.toDataURL（“image/jpeg”）.replace（“image/jpeg”、“image/octet-stream”）；
a、 下载='somefilename.jpg'；
a、 单击（）；
}
});
});

和网页结果：

以及html2canvas图像的结果：

所有文件都位于同一文件夹和位置。

这似乎是html2canvas尚未解决的

边框图像的问题。看见首先尝试使用普通边框，以确保其他一切正常。这似乎是html2canvas尚未解决的边框图像的问题。看见首先尝试使用简单的边框，以确保其他一切都正常工作。