ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

svg path属性

2019-05-22 08:51:57  阅读:838  来源: 互联网

标签:svg 后面 默认 轴上 path 属性


1.path   M是起点,L是相邻点,后面都是两个值

<path d="M100 50 L200 50 L100 20" stroke="red" fill="none"></path>

2.H是横向绘制,后面跟一个值,默认y轴上的值一样 ,V是垂直绘制 ,后面跟一个值,默认x轴上的值一样

<path d="M100 50L120 70V60" stroke="red" fill="none"></path>

3.Z代表构造一个闭合回路

<path d="M100 50L120 70V60Z" stroke="blue" fill="none"></path>

H代表水平的线条 默认y轴上的值一样

V 代表垂直的线条 默认x轴上的值一样

A 后面跟七个值

 

G 用于将相关元素进行组合

 

 

 

G身上的属性 子元素都会继承 但是g上的属性都必须是显现属性 不是svg元素私有的 比如 g 上的圆心坐标不行 

Text-anchor="middle" 让字体居中

 

 

标签:svg,后面,默认,轴上,path,属性
来源: https://www.cnblogs.com/txf-123/p/10903761.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有