svg入门

yuan5801551

于 2019-09-16 14:48:37 发布

阅读量359

点赞数

分类专栏： JavaScirpt 文章标签： svg入门

本文链接：https://blog.csdn.net/yuan5801551/article/details/100887214

版权

本文将引导您入门SVG，一种用于创建矢量图形的标准。内容包括SVG的基本概念、语法、图形绘制方法，以及如何在网页中集成SVG。通过学习，您将能够创建可缩放的高质量图形，并理解其在响应式设计中的重要性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

提供一个模板

  //数字都代表坐标
  <svg width="700" height="1000">  //所有svg代码必须写在svg里
    <defs>		//隐藏defs内部的svg代码
      <g id='leftalign'>  //定义一个组合，应该写在defs里
        <line x1="3" y1="3" x2="48" y2="48"></line>   //定义一根直线
        <polyline points="
                    53 53 
                    80 78 
                    53 103
                "></polyline>  //定义一个折线
      </g>
      <rect x='3' y='110' width='50' height='50'></rect> //定义一个矩形
      <ellipse cx='200' cy='200' rx='60' ry='50'></ellipse>  //定义一个椭圆
      <polygon points='
                300 300
                400 400
                300 500
            '></polygon>  //定一个闭合的折线
      <path d="
                M  18

最低0.47元/天解锁文章