IE、360瀏覽器相容模式下字型漸變色不生效解決辦法

℡北瞳少年、發表於2024-06-18
瀏覽器模式
<svg>
     <defs>
          <linearGradient id="grad" x1="10%" x2="100%">
              <stop offset="0%" style="stop-color:#6E15FF; stop-opacity:0.6" />
              <stop offset="100%" style="stop-color:#0FAEE0; stop-opacity:1" />
           </linearGradient>
      </defs>
      <text x="0" y="28" fill="url(#grad)">Hi，您好！歡迎進入</text>
</svg>

漸變色可以在 linearGradient 可以設定 x1="10%" y1="10%" x2="100%" y2="100%"，表示從左上->右下漸變，只有x和y則是從左->右漸變

相關文章