-
基本操作API查看全部
-
W3C标准 HTTP：//www.w3.org/TR/SVG11/ 浏览器支持情况（HTTP://caniuse.com/#cats=SVG）查看全部
-
用户坐标系（世界坐标系）User Coordinate ：SVG所在的坐标系 自身坐标系 Current Coordinate ：图形元素或分组独立坐标系 前驱坐标系 Previous Coordinate ：父容器坐标系 参考坐标系 Reference Coordinate ：自身坐标系所参考的其他坐标系（例如：对齐）查看全部
-
SVG使用方式 1直接用浏览器打开 2在HTML中用<img>标签引用 3直接HTML中使用SVG标签 4作css背景查看全部
-
<svg width="400" height="300" viewBox="0,0,40,30" preserveAspectRatio="xMinYMin meet"></svg> 视窗：SVG 无限大 视野：viewBox 观察区域 preserveAspectRatio meet: 让viewBox等比例的同时，viewBox完全在SVG中显示。viewBox大于SVG，等比例缩放。 slice: 保持viewBox比例，视野包含视窗，尽量填满SVG。viewBox大于SVG，不缩放，按SVG大小剪切。 none: 不关心比例，viewBox直接拉伸到最大填满viewport. 对齐方式：xMinYMin xMinYMid xMinYMax xMidYMin xMidYMid xMidYMax xMaxYMin xMaxYMid xMaxYMax查看全部
-
矢量图和位图查看全部
-
path概述-命令基本规律： 区分大小写：大写表示坐标参数为绝对位置，小写则为相对位置 最后的参数表示最终要到达的位置 上一个命令结束的位置就是下一个命令开始的位置 命令可以充分参数表示重复执行同一条命令查看全部
-
在SVG中应用颜色： <rect fill="rgb(255,0,0)" opacity="0.5" /> <rect stroke="hsla(0,50%,60%,0.5)" />查看全部
-
<g>标签来创建分组 transform属性定义坐标变换查看全部
-
基本操作API： 创建图形：document.createElementNS(ns,tagName) 添加图形：element.appendChild(childElement) 设置属性：element.setAttribute(name,value) 获取属性：element.getAttribute(name)查看全部
-
基本图形：<rect>、<circle>、<ellipse>、<line>、<polyline>、<polygon> 矩形：<rect>：x、y、width、height、rx、ry 圆形：<circle>：cx、cy、r 椭圆：<ellipse>：cx、cy、rx、ry 直线：<line>：x1、y1、x2、y2 三折线：<polyline>：(xi,yi)+ 四折线：<polyline>：(xi,yi)+ 基本属性：fill（填充颜色）、stroke（描边颜色）、stroke-width（描边宽度）、transform（变换旋转度数） 如：fill=#FFB3AE stroke=#971817 strokeWidth=10 transform="rotate(30)"查看全部
-
SVG 4种使用方式查看全部
-
rect矩形 circle圆形 ellipse椭圆 line直线 polyline折线 polygon 多边形查看全部
-
颜色(Hue)、亮度(Lightness%)、饱和度(Saturation%) 透明度(Opacity) rgba(r,g,b,a) hsla(h,s,l,a) http://paletton.com查看全部
-
圆弧命令查看全部
举报
0/150
提交
取消