html5 svg,circle,g,path
来源:互联网 发布:SEO优化 编辑:程序博客网 时间:2024/06/12 00:29
svg 绘制图形的标签
<svg width="1500" height="750"></svg>
定义画布长宽,width和height
circle所属svg标签下,用来绘制圆形节点
<circle id="c1" cx="200" cy="100" r="2" fill="yellow" stroke="black" stroke-width="3"/>
定义id为c1,位置为cx,cy,半径r,填充颜色为yellow,边颜色为black,边宽为3像素
g所属svg标签下,作为组元素将多个元素结合起来,变为一个整体
<g transform="translate(0,0) rotate(30) scale(0.75)" id="g1"></g>
transform定义平移位置,rotate定义旋转角度,scale定义缩放比例
path所属svg标签下,用来绘制自由形态的路径。
<path d="M25,50 L10,80 L20,80 L5,110,L15,110,L20,80 Z" />
d属性代表路径,M代表移动至,L代表划线至,z代表闭合路径
阅读全文
0 0
- html5 svg,circle,g,path
- html5内联SVG——<path>标签
- path circle
- How to calculate the SVG Path for an arc (of a circle)
- SVG 形状元素(rect、circle、ellipse、line、polyline、polygon、path)
- SVG path
- html5 svg
- html5 svg
- HTML5 SVG
- HTML5----SVG
- html5 SVG
- HTML5 SVG
- 【HTML5】SVG
- 【HTML5】SVG
- 【HTML5】svg
- HTML5-SVG
- HTML5 SVG
- SVG基础 | SVG PATH 元素
- hdu 5787 数位dp
- document.body.scrollTop与documentElement.scrollTop
- Unity计时实现
- 小程序的触发事件
- Git学习笔记(3)----安装
- html5 svg,circle,g,path
- Codeforces 825 F Minimal Labels(反向拓扑排序)
- Mybatis的配置和使用
- 2017上半年总结
- ScrollView嵌套ListView、GridView冲突
- Android Shader填充图形
- 深度学习基础数学知识整理
- 如何下载谷歌地图指定日期的历史影像?
- wsimport 不是内部或外部命令,也不是可运行的程序或批处理文件