Question

我使用的是html2Canvas库0.4版。在一个特定情况下，我试图将边界半径添加到图像。如果我将它添加到CSS中，这是有效的：

<!doctype html>
<html>
<head>
<title>Word Finder</title>
<style>
  body {
    font-family: "Segoe UI", "Lucida Grande", Tahoma, sans-serif;
    font-size: 100%;
  }
  #status {
white-space: pre;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 600px;
    display: flex;
  }
</style>
  <script src="popup.js"></script>

</head>
<body>
<div id="status">
  <input class="word" type="text"></input>
  <button class="btn" type="button">Search</button>
</div>
</body>
</html>

但是，如果我指定具有相同属性的类，并将该类添加到图像，则不会遵循边框半径。我希望这个工作，因为并非所有图像都需要边框半径。

这是an example fiddle。 请先点击＆＃34;运行＆＃34; ，以便加载图片。

实际的代码JavaScript库被复制到小提琴的JavaScript部分。有人可以帮助解决JavaScript中发生的问题，以便我可以解决这个问题吗？

Answer 1

我认为问题在于，当您创建图像时，您没有指定一个类，请在将图像附加到div之前尝试添加此行：

img.className = "ab";

html2Canvas图像边框半径 - img vs class css

1 个答案: