楠影

  博客园 :: 首页 :: 新随笔 :: 联系 :: 订阅 :: 管理 ::

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的文字区域


posted on 2006-04-26 20:43  楠影  阅读(149)  评论(0)    收藏  举报