MacOS Chrome 上的 SVG 曲线质量低步骤、边缘

编程问答 2022-05-12

问题描述

示例

https://i.imgur.com/Bhr6HLP.png

SVG：

<svg
  xmlns:svg="http://www.w3.org/2000/svg"
  xmlns="http://www.w3.org/2000/svg"
  version="1.1"
  viewBox="0 0 900 2000"
  height="2000px"
  width="900px">

    <g transform="translate(300,50)">
    
      <-- The curve which looks with edges in MacOS Chrome -->
      <path d="M-120.83544557088219 1738.5018312545567 C -118.08223960250174 1670.3356213839381 -85.72445908423663 -7.022567888738819 -4.350971392762291 -6.5264570891434355 19.999547450916797 -6.377998964552493 62.00037168873135 -6.121931993756162 82 -6 90.9998327400709 -5.9451306028097255 90.99979315194402 5.938981787787313 82 6 62.000459662346636 6.135596027139307 19.999640336539393 6.420359783756897 4.350971392762291 6.5264570891434355 -77.02215835606484 7.078163424566491 -89.52618961315629 1672.1434954260517 -96.16455442911781 1739.4981687454433 -101.16314519095648 1749.8779851769993 -117.13209354719626 1748.8816476861125 -120.83544557088219 1738.5018312545567" fill="#786CB4" stroke="none" stroke-width="0"></path>
    </g>
      
</svg>

我有 shape-rendering，但它做不同的事情。

MacOS Chrome 如何让曲线平滑？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

beziercurvemacosmacossmoothingsvgsvgsvg