中国最全IT社区平台 联系我们 | 收藏本站
华晨云阿里云优惠2

svg教程

  • SVG 教程
  • SVG 简介
  • SVG 实例
  • SVG 在 HTML 中
  • SVG 矩形
  • SVG 圆形
  • SVG 椭圆
  • SVG 直线
  • SVG 多边形
  • SVG 曲线
  • SVG 路径
  • SVG 文本
  • SVG Stroke 属性
  • SVG 滤镜
  • SVG 模糊效果
  • SVG 阴影
  • SVG 渐变 – 线性
  • SVG 渐变- 放射性
  • SVG 实例
  • SVG 参考手册
    • ←上一篇： SVG 多边形

    SVG 曲线

    阅读 (2374)

    SVG <polyline>

    SVG 曲线 - <polyline>

    实例 1

    <polyline> 元素是用于创建任何只有直线的形状：

    下面是SVG代码：

    实例

    <svg xmlns="http://www.w3.org/2000/svg" version="1.1">
      <polyline points="20,20 40,25 60,40 80,120 120,140 200,180"
      style="fill:none;stroke:black;stroke-width:3" />
    </svg>

    尝试一下 »

    F对于Opera用户：查看SVG文件（右键单击SVG图形预览源）。

    实例 2

    只有直线的另一个例子：

    下面是SVG代码：

    实例

    <svg xmlns="http://www.w3.org/2000/svg" version="1.1">
      <polyline points="0,40 40,40 40,80 80,80 80,120 120,120 120,160"
      style="fill:white;stroke:red;stroke-width:4"/>
    </svg>

    尝试一下 »

    F对于Opera用户：查看SVG文件（右键单击SVG图形预览源）。

    ←上一篇： SVG 多边形

    程序员人生，我编程，我富裕，记住wfuyu网，php教程，php学习，php手册，CMS模版制作

    声明：本站大部分内容是作者原创，少部分收集于互联网供大家一起学习，原版权很多不明，如有侵权请联系本站，谢谢！

    粤ICP备14040726号-1   2015-2020 程序员人生 版权所有

    平平安安 备案网站
    关闭
    程序员人生