Javascript 如何处理<；路径>；笔划宽度在svg中变为零

我想画一些贝塞尔曲线。 如果代码是这样的

<path stroke="#F44336" fill="transparent" filter="url(#blurMe)" d="M428.515625 324.5 C 464.2578125 324.5, 464.2578125 324.5, 500 324.5"></path>

哈哈哈
哈哈哈
哈哈哈
哈哈哈
哈哈哈

您的代码是否可以强制坐标具有最小增量

例如，如果值的y与您的情况相同，则强制 d来自

到

---

不能在水平或垂直线上使用默认单位的筛选器。添加显式视口和固定单位过滤器尺寸

    <svg id="svg" width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="730 15 420 450">
    <filter id="blurMe" filterUnits="userSpaceOnUse" x="0" y="0" height="500" width="500">
        <feGaussianBlur in="SourceGraphic" stdDeviation="1"></feGaussianBlur>
    </filter>

如果您想让过滤器工作，您只需以某种方式忍受它所应用的元素的宽度或高度永远不为零。例如，使用@Jacopo的解决方案，或者使用userSpaceOnUse单位。

"M428.515625 324.5 C 464.2578125 325.5, 464.2578125 324.5, 500 324.5"

    <svg id="svg" width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="730 15 420 450">
    <filter id="blurMe" filterUnits="userSpaceOnUse" x="0" y="0" height="500" width="500">
        <feGaussianBlur in="SourceGraphic" stdDeviation="1"></feGaussianBlur>
    </filter>