htmlgoogle-chromesvgsvg-path

svg path not drawing for single point on chrome surface

I have following svg in HTML, it works fine on all browser on my desktop machine. basically, it shows a point in IE, Chrome, and Firefox and this is how I want, it should display. but chrome on my surface device it's not showing the path, Please tell me how to fix it.

<!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>
Solution

  • A workaround to this issue is to make two points out of your single point:

    from: d="M23.2939901697945,49.74999999999997Z" to: d="M23.2939901697945,49.74999999999997Z M23.2939901697945,49.74999999999997Z"

    I did reproduce this issue on Mac Chrome 60, this fixed it.