SVG 是不可见的，但存在于 DOM 中

Question

我有一堆用 D3 创建的线元素，但奇怪的是它们出现在 DOM 中，当我将鼠标悬停在它们上时，我看到它被突出显示但那里什么也没有，一切都是空白。代码有点像这样，CSS 有一些奇怪的 webkit-transform-origin 东西。有谁知道出了什么问题？ (问题截图:http://imgur.com/HRE01Gd)

<div>
<svg width="1000" height="700">
<line x1="420" y1="470" x2="394.9078930250818" y2="369.0723716341295" id="id-1" style="stroke-    width: 10px; color: red;"></line>
</svg>
</div>

-webkit-transform-origin-x: 0px;
-webkit-transform-origin-y: 0px;
-webkit-transform-origin-z: initial;

Answer 1

color 不做任何事情。设置stroke反而。目前，您所有的线条都在完全没有描边的情况下渲染，这使它们不可见。