分类导航

程序问答发布时间：2022-06-01 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了MacOS Chrome 上的 SVG 曲线质量低（步骤、边缘），大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决MacOS Chrome 上的 SVG 曲线质量低（步骤、边缘）？

开发过程中遇到MacOS Chrome 上的 SVG 曲线质量低（步骤、边缘）的问题如何解决？下面主要结合日常开发的经验，给出你关于MacOS Chrome 上的 SVG 曲线质量低（步骤、边缘）的解决方法建议，希望对你解决MacOS Chrome 上的 SVG 曲线质量低（步骤、边缘）有所启发或帮助；

示例

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

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>