如何用 SVG 创建弧形线段？

文章不知道大家是否熟悉？今天我将给大家介绍《如何用 SVG 创建弧形线段？》，这篇文章主要会讲到等等知识点，如果你在看完本篇文章后，有更好的建议或者发现哪里有问题，希望大家都能积极评论指出，谢谢！希望我们能一起加油进步！

如何用 css 创建弧形线段

原提问者想要制作出图中的弧形线段，这里为其提供使用 svg 的方法。

<?xml version="1.0" encoding="utf-8"?>
<svg width="500px" viewBox="0 0 100 30" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <linearGradient id="gradient" x1="0%" y1="0%" x2="100%" y2="0%">
      <stop offset="0%" stop-color="#778ecb"/>
      <stop offset="50%" stop-color="#bccdee"/>
      <stop offset="100%" stop-color="#778ecb"/>
    </linearGradient>
  </defs>
  <path stroke-width="10" stroke-linecap="round" fill="none" stroke="url(#gradient)" d="M 10 10 a 100 150 0 0 0 80 0"/>
</svg>

好了，本文到此结束，带大家了解了《如何用 SVG 创建弧形线段？》，希望本文对你有所帮助！关注golang学习网公众号，给大家分享更多文章知识！