从线条中删除锋利的边缘 svg [关闭]-解网

问：

想改进这个问题吗？通过编辑这篇文章添加详细信息并澄清问题。

6天前关闭。

改进此问题

我的SVG有问题。
无法解决这个问题
我还能用它做什么？
也许是这个设计问题，而不是代码，我需要和制作这个SVG的设计师谈谈，因为在Figma中它渲染得很好。shape-rendering="auto"

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" crossorigin="anonymous">

<div class=" container">
  <svg xmlns="http://www.w3.org/2000/svg" width="866" height="1024" viewBox="0 0 866 1024" fill="none">
    <path d="M0 -0.236816H283.296C645.597 338.607 744.271 562.599 730.821 1023.76H0V-0.236816Z" fill="#EF8D07"></path>
    <g filter="url(#filter0_d_2_10)">
      <path d="M322.432 -14.7408L308.12 -28.7111L280.18 -0.0873251L294.491 13.883L322.432 -14.7408ZM294.491 13.883C467.502 182.765 574.983 321.63 638.104 474.138C701.19 626.564 720.748 794.519 714.469 1023.02L754.454 1024.12C760.805 793.007 741.21 618.661 675.063 458.841C608.95 299.102 497.117 155.775 322.432 -14.7408L294.491 13.883Z" fill="#F08E08"></path>
    </g>
    <defs>
      <filter id="filter0_d_2_10" x="240.18" y="-47.7111" width="515.405" height="1090.83" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
        <feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood>
        <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix>
        <feOffset dx="-21"></feOffset>
        <feGaussianBlur stdDeviation="9.5"></feGaussianBlur>
        <feComposite in2="hardAlpha" operator="out"></feComposite>
        <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.48 0"></feColorMatrix>
        <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2_10"></feBlend>
        <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2_10" result="shape"></feBlend>
      </filter>
    </defs>
  </svg>
</div>

HTML CSS SVG

从线条中删除锋利的边缘 svg [关闭]

Remove sharp edges from line svg [closed]

评论