首页 > 代码库 > html5 SVG
html5 SVG
1,SVG是可伸缩矢量图形。含有不同标签<rect>用于创建矩形;<circle>创建圆形;<ellipse>用于创建椭圆;<line>线;<polyline>折线;<polygon>多边形
2,svg <path d="M 250,150 L150,350 L350 350 Z"/>
定义了一条路径,开始于(250px,150px),到达(150px,350px),再到达(350px,350px),最后在(250px,150px)处关闭路径
以下命令 大写表示绝对定位,小写表示相对定位:
- M = moveto
- L = lineto
- H = horizontal lineto
- V = vertical lineto
- C = curveto
- Z = closepath
3,svg <g>
将多个元素组织在一起
4,svg ViewBox
5,enable-background设置可获得背景图片如果svg图形太大或者太小,就可以用ViewBox属性来调整在页面中的显示范围、大小。 <svg width="50cm" height="25cm" viewBox="0 0 2050 1000" > :意思是 svg 图形的 2050px , 1000px 范围,显示到 50cm,25cm 的视口, 0 , 0 是在视口中的起点坐标。
html5 SVG
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。