Question

我无法让html2canvas加下划线文字。根据我对包的理解，支持下划线。我能够保存图像，并且没有任何其他CSS属性的问题。有什么想法吗？

这是我的测试代码：

<html>
<head>
<script src="/jquery-1.10.2.min.js"></script>
<script language="javascript" type="text/javascript" src="/html2canvas.js"></script>
<script language="javascript" type="text/javascript" src="/jquery.plugin.html2canvas.js"></script>
<script language="javascript" type="text/javascript">
<!--

function save(div)
{
        html2canvas([document.getElementById('img')], { background:'#fff',   
            onrendered: function(canvas)  
            {
                var img = canvas.toDataURL("image/png")
                $.post("save.php", {data: img, prefix: 'test'});   
            }
        });         
}

-->
</script>
</head>
<body bgcolor="white">


<div id="img" style="background-color:white; width:304px; float:left; height:104px; border-radius:10px; border:3px solid white;">
<div style="width:125px;"></div>
<div style="width:175px; padding:0px;">
<u>Test</u>
<span style="text-decoration:underline;">Test2</span>
</div>
</div>

<input type="button" onClick="save();" value="Save!">
<br><br>

</body>
</html>

Answer 1

只是想知道是否转换：

 $.post("save.php", {data: img, prefix: 'test'});

为：

var tempObj = {prefix:'test'};
tempObj[data] = img;
$.post("save.php", tempObj);

有帮助，因为当我将data: img中的两个变量作为键值对并且已使用tempObj[data] = img解决时，我曾遇到过问题。看看它是否有效。

此外，您的整个JS都位于<!--内，这肯定会导致语法错误。

下划线不在html2canvas中工作

1 个答案: