• VML标记与通用属性


    1:VML标记VML是通过XML标记来描述矢量图形的,所以必须遵循一定规则,请看下面的几种标记写法1:图形不包含内容,可以直接使用/>号结束
    
    <HTML xmlns:v><STYLE>v\:*{behavior:url(#default#VML);}</STYLE><BODY>
    <v:oval fillcolor='red' style='100;height:150'/>
    2:或者使用</名域名:标记名>的形式表示VML图形描述标记的结束
    <HTML xmlns:v><STYLE>v\:*{behavior:url(#default#VML);}</STYLE><BODY>
    <v:oval fillcolor='red' style='100;height:150'></v:oval>
    2:VML标记通用属性说明和HTML标记的通用属性(如:id、name、class、title、style)等一样,VML标记也有自己的通用属性、支持HTML的通用属性、支持CSS的样式定义。通过这些属性,我们可以修饰VML图形(如线、圆形)的形状、大小、颜色、内容、边框,以及定义鼠标样式、编程用的ID索引、提示标题等等3:VML标记特有的通用属性(非HTML、CSS所有) - 参考表VML特有通用属性使用范例:
    <HTML xmlns:v><STYLE>v\:*{behavior:url(#default#VML);}</STYLE><BODY>
    <v:oval strokeweight='5' strokecolor='red' fillcolor=yellow style='100;height:150'></v:oval>
    <v:oval stroked=false fillcolor=yellow style='100;height:150'/>
    属性名 默认值 值类型/范围 用途
    strokeweight 0.75pt=1px number 描述图形的边框粗度
    strokecolor black color 描述图形的边框颜色
    stroked true boolean 描述图形是否使用边框
    fillcolor white color 描述图形的背景颜色
    filled true boolean 描述图形是否使用背景
    print true boolean 描述图形是否允许被打印机打印
    coordsize 1000,1000 Vector2D 暗示图形与容器空间的大小比例
    coordorigin 0 0 Vector2D coordinate at top-left corner of element
    wrapcoords null string outline to use for tight text wrapping
    4:VML标记支持的HTML通用属性 - 参考表HTML通用属性使用范例:
    <HTML xmlns:v><STYLE>v\:*{behavior:url(#default#VML);}</STYLE><BODY>
    <v:oval href='http://www.microsoft.com' title='提示标题' target='_blank' fillcolor=red style='100;height:150'/>
    属性名 默认值 值类型/范围 用途
    id null string 定义元素的标识索引(多用于DHTML编程)
    class null classname 定义元素使用的CSS样式类
    style null CSS string 描述图形的CSS样式表
    title null string 定义图形的提示标题(鼠标靠近后的帮助提示)
    href null string 定义图形链接的URL地址
    target _self _self/_blank/_top 定义图形以何种形式打开链接
    contentEditable false boolean 描述图形内容是否允许用户编辑
    dir ltr ltr/rtl 描述图形内容以哪种方向输出
    disabled false boolean 描述图形能够响应用户事件触发
    5:VML标记支持的CSS通用属性 - 参考表其实,VML元素几乎支持所有CSS样式定义,有些HTML元素不支持的像(rotation,旋转样式),VML却支持。由于CSS2样式属性太多,这里不一一写出了,只提及一些常用、好用的样式标记。如需要了解更多有关CSS的资料,请打开LD5、或下载一本由苏小雨编著的CSS手册,内容较专业、全面。CSS通用属性使用范例:
    <HTML xmlns:v><STYLE>v\:*{behavior:url(#default#VML);}</STYLE><BODY>
    <v:oval fillcolor="rgb(255,0,0)" style='position:absolute;left:50;top:150;200;height:100;cursor:crosshair;z-index:5000'/>
    <v:oval fillcolor="#0000ff" style='position:absolute;left:150;top:250;200;height:100;cursor:move;rotation:60;z-index:2000'/>
    <v:rect fillcolor="green" style='position:absolute;left:400;top:150;200;height:100;cursor:help;rotation:120;zoom:2.5;color:red'>已经被缩放2.5倍</v:rect>
    属性名 可用值/可用值范围 用途
    width 0-9999 描述宽度
    height 0-9999 描述高度
    position static absolute fixed relative 描述如何定位输出
    left 0-9999 描述距离页面位置左
    top 0-9999 描述距离页面位置上
    z-index 0-9999 描述3D位置
    cursor auto crosshair hand move help wait text…… 描述鼠标形状
    zoom 0-99 描述缩放比例
    clip rect(上 右 下 左) 描述裁剪对象
    border 0-99 style color 描述边框
    display block none inline list-item 描述显示或隐藏
    overflow visible auto hidden scroll 描述滚动条
    color colorstring 描述文本内容颜色
    font-size 0-999 描述文本内容字号
    filter xray flipv fliph invert alpha(opacity=num) 描述滤镜效果
    rotation (0-9999)%360 描述旋转度
    flip x y 描述反转或颠倒图形
    …… …… ……
    6:要重视通用属性以上提及的VML通用属性以及范例,不难发现通用属性的重要性,通用属性也是VML元素属性中最重要的属性、最容易使用的属性。不过这里的“通用”你不要理解为“所有的VML元素都支持”,那是不正确的。像今后我们要学的VML标记line(线),就不支持fillcolor、filled,因为它是“线短”只有边框、没有背景,所以不支持背景描述。“通用”你可以理解为常用的、绝大多数VML图形均可用的“通用属性”。
  • 相关阅读:
    Oracle使用笔记
    跳转至锚点
    项目中使用到的AOP
    短信验证码接口使用
    阿里人脸识别接口
    java实现网页截图
    java后台接收微信服务号/订阅号消息
    java 实现redis缓存
    redis 常用命令
    被骗了,自己还不知道
  • 原文地址:https://www.cnblogs.com/godwar/p/957252.html
Copyright © 2020-2023  润新知