chrome 表面上的单点未绘制 svg 路径

Question

我在 HTML 中有以下 svg，它在我的桌面计算机上的所有浏览器上都可以正常工作。基本上，它在 IE、Chrome 和 Firefox 中显示了一个点，这就是我想要的，它应该显示。但是 chrome 在我的 Surface 设备上它没有显示路径，请告诉我如何修复它。

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<svg height="400" width="400">
 <path stroke="#FF3439" stroke-linecap="round" d="M23.2939901697945,49.74999999999997Z" stroke-width="8"></path>
</svg>
</body>
</html>

Answer 1

此问题的解决方法是从您的单点中得出两点：

来自：d="M23.2939901697945,49.74999999999997Z" 至：d="M23.2939901697945,49.74999999999997Z M23.2939901697945,49.74999999999997Z"

我确实在 Mac Chrome 60 上重现了这个问题，这解决了它。

chrome 表面上的单点未绘制 svg 路径

svg path not drawing for single point on chrome surface

html

svg

google-chrome

svg-path