举报投诉联系我们 手机版 热门标签 编程学
您的位置:编程学 > svg曲线 SVG 曲线

svg曲线 SVG 曲线

2023-06-16 00:18 SVG教程

svg曲线 SVG 曲线

svg曲线 SVG 曲线

svg曲线

SVG <polyline>

<polyline> 元素表示曲线,即一组连接在一起的直线,它可以有很多的点,所有点的位置都放在同一个 points 属性中:

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图形预览源)。

提示:point 表示点集数列,每个数字用空白、逗号、终止命令符或者换行符分隔开。


实例 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曲线 SVG 曲线全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
  •  XML Schema import 元素

    XML Schema import 元素

    2023-04-22 XMLSchema教程

    XML Schema import 元素 完整 XML Schema 参考手册定义和用法 import 元素用于向一个文档添加带有不同目标命名空间的多个 schema...

  •  XSLT <xsl:sort> 元素

    XSLT <xsl:sort> 元素

    2023-05-06 XSLT教程

    XSLT xsl:sort 元素XSLTxsl:sort元素被用来对输出排序。 XSLT 元素参考手册定义和用法 xsl:sort 元素用于对输出结果进行排序。 ...

  •  XSLT node-set() 函数

    XSLT node-set() 函数

    2023-04-14 XSLT教程

    XSLT 函数参考手册本节是对 XSLT 中的 node-set()函数的简单介绍。定义和用法使您可以将树转换为节点集。产生的节点集总是包含单...

  • xml教程 XML教程
  • 量词表示 RegExp ? 量词

    量词表示 RegExp ? 量词

    2023-03-16

    JavaScript RegExp ? 量词 JavaSript RegExp 对象定义和用法n? 量词匹配任何包含零个或一个 n 的字符串。语法new RegExp("n?")或...

© 2024 编程学 bianchengxue.com 版权所有 联系我们
桂ICP备19012293号-7 返回底部