VML绘图
1. HTML Tag的名字空间声明
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
2. 之间的style声明
v\:* { BEHAVIOR: url(#default#VML) }
o\:* { BEHAVIOR: url(#default#VML) }
.shape { BEHAVIOR: url(#default#VML) }
3.元素说明
1. V:Group
作为VML其它元素的容器,其属性coordsize定义其坐标大小,内部的元素的位置都只是相对于group元素所定义的coordsize,假设coordsize定义为21600,21600,就是定义了21600 * 21600的画布,如果内部有一个v:shape或者其它元素, shape.style.left=”2160px”,其实际位置只是在v:group的1/10宽度的位置。
2. V:Rect
定义一个矩形元素,fillcolor表示填充的背景颜色,stokecolor表示边框颜色,strokeweight表示边框宽度
3. V:Shape
VML提供的默认形状元素,通过定义path可以定义出需要的任何形状,至于path的用法,可以参考w3c的文档。
4. V:Fill
作为shape的子元素,用来设置shape的背景效果,通过type来设置填充的方法,具体用法如下
1) solid:实心填充,通过color设置填充颜色
2) gradient:线状渐变,这个时候需要color和color2这两个参数来设置渐变的开始颜色和结束颜色,Angle则设置渐变方向。
3) gradientradial:圆心渐变,其他的使用方法和gradient类似
4) tile:使用图片平铺,src设置图片
5) pattern:使用图片作为一个图章填充模式
6) frame:使用图片拉神填充
另外Opacity则用来设置透明度
5. V:Shadow
设置shape是否需要阴影,主要使用如下参数
ON:设置是否启用阴影
Color:阴影的颜色
Offset:阴影的偏离位置
6. V:TextBox
定义shape的文字区域

浙公网安备 33010602011771号