html path标签的作用

<path> 标签用来定义路径。

<path> 标签

<path> 标签用来定义路径。

下面的命令可用于路径数据：

M = moveto
L = lineto
H = horizontal lineto
V = vertical lineto
C = curveto
S = smooth curveto
Q = quadratic Belzier curve
T = smooth quadratic Belzier curveto
A = elliptical Arc
Z = closepath

注释：以上所有命令均允许小写字母。大写表示绝对定位，小写表示相对定位。

请把下面的代码拷贝到记事本，然后把文件保存为 "path1.svg"。把此文件放入您的 web 目录：

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" version="1.1"
xmlns="http://www.w3.org/2000/svg"><path d="M250 150 L150 350 L350 350 Z" /></svg>

上面的例子定义了一条路径，它开始于位置 250 150，到达位置 150 350，然后从那里开始到 350 350，最后在 250 150 关闭路径。

查看例子

下面的例子创建了一个螺旋：

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" version="1.1"
xmlns="http://www.w3.org/2000/svg"><path d="M153 334
C153 334 151 334 151 334
C151 339 153 344 156 344
C164 344 171 339 171 334
C171 322 164 314 156 314
C142 314 131 322 131 334
C131 350 142 364 156 364
C175 364 191 350 191 334
C191 311 175 294 156 294
C131 294 111 311 111 334
C111 361 131 384 156 384
C186 384 211 361 211 334
C211 300 186 274 156 274"
style="fill:white;stroke:red;stroke-width:2"/></svg>

查看例子

很复杂吧？是的！！！由于绘制路径的复杂性，因此强烈建议您使用 SVG 编辑器来创建复杂的图形。

以上内容来自于w3shooll

html path标签的作用相关推荐

meta标签详解(meta标签的作用)///////////////////////////转
meta标签详解(meta标签的作用) 很多人却忽视了HTML标签META的强大功效,一个好的META标签设计可以大大提高你的个人网站被搜索到的可能性,有兴趣吗,谁我来重新认识一下META标签吧您的 ...
html标签转换的好处,springmvc htmlEscape标签的作用
有些东西自己不知道就想要弄明白唉做项目看人家项目中用到啦不会不知道就百度啦整理了一下方便自己记忆一.SpringMVC 表单元素标签如下: 其中的属性 htmlEscape的作 ...
php中pre标签,html中pre标签与code标签的作用与用法
HTML 标签定义和用法 pre 元素可定义预格式化的文本.被包围在 pre 元素中的文本通常会保留空格和换行符.而文本也会呈现为等宽字体. 标签的一个常见应用就是用来表示计算机的源代码. 可以导致 ...
jsp 使用base标签没有作用_JSP学习篇
什么是jsp? JSP全名Java Server Pages,中文名叫Java服务器页面,其根本是一个简化的Servlet设计,是由Sun公司倡导,多家公司参与建立的一种动态网页技术标准. 访问原理流 ...
python label标签的作用_label标签的作用是什么?
label标签的作用是为鼠标用户改进了可用性,当用户点击[]标签中的文本时,浏览器就会自动将焦点转到和该标签相关联的控件上. label标签的作用: 一.标签定义及用法在html中,标签通常和标签一 ...
在html中base的作用,html中base标签的作用是什么
html中base标签的作用是什么? 作用:为页面上的所有链接规定默认地址或默认目标,是一种表达路径和连接网址的标签. 说明:通常情况下,浏览器会从当前文档的 URL 中提取相应的元素来填写相对 UR ...
svg中 path标签的d属性
svg: path标签中的d属性: M = moveto(M X,Y) :将画笔移动到指定的坐标位置 L = lineto(L X,Y) :画直线到指定的坐标位置 H = horizontal lin ...
nofollow标签的作用有重大变化
几个小时前,Google官方博客发了个帖子:Evolving "nofollow" – new ways to identify the nature of links (演变中的 ...
nofollow标签的作用 nofollow标签添加方法
这篇文章主要介绍了nofollow标签的作用 nofollow标签添加方法,需要的朋友可以参考下 nofollow标签的作用 nofollow标签添加方法模拟搜狗蜘蛛 nofollow标签是s ...

html path标签的作用

<path> 标签

html path标签的作用相关推荐

最新文章

热门文章