VML标记与通用属性
1:VML标记VML是通过XML标记来描述矢量图形的,所以必须遵循一定规则,请看下面的几种标记写法1:图形不包含内容,可以直接使用/>号结束
<v:oval fillcolor='red' style='width:100;height:150'/>
2:或者使用</名域名:标记名>的形式表示VML图形描述标记的结束
<v:oval fillcolor='red' style='width:100;height:150'></v:oval>
2:VML标记通用属性说明和HTML标记的通用属性(如:id、name、class、title、style)等一样,VML标记也有自己的通用属性、支持HTML的通用属性、支持CSS的样式定义。通过这些属性,我们可以修饰VML图形(如线、圆形)的形状、大小、颜色、内容、边框,以及定义鼠标样式、编程用的ID索引、提示标题等等3:VML标记特有的通用属性(非HTML、CSS所有) - 参考表VML特有通用属性使用范例:
<v:oval strokeweight='5' strokecolor='red' fillcolor=yellow style='width:100;height:150'></v:oval>
<v:oval stroked=false fillcolor=yellow style='width:100;height:150'/>
属性名 | 默认值 | 值类型/范围 | 用途 |
strokeweight | 0.75pt=1px | number | 描述图形的边框粗度 |
strokecolor | black | color | 描述图形的边框颜色 |
stroked | true | boolean | 描述图形是否使用边框 |
fillcolor | white | color | 描述图形的背景颜色 |
filled | true | boolean | 描述图形是否使用背景 |
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通用属性使用范例:
<v:oval href='http://www.microsoft.com' title='提示标题' target='_blank' fillcolor=red style='width: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通用属性使用范例:
<v:oval fillcolor="rgb(255,0,0)" style='position:absolute;left:50;top:150;width:200;height:100;cursor:crosshair;z-index:5000'/>
<v:oval fillcolor="#0000ff" style='position:absolute;left:150;top:250;width:200;height:100;cursor:move;rotation:60;z-index:2000'/>
<v:rect fillcolor="green" style='position:absolute;left:400;top:150;width: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图形均可用的“通用属性”。
转载于:https://www.cnblogs.com/godwar/archive/2007/11/12/957252.html
VML标记与通用属性相关推荐
- 利用VML标记语言画图、动画制作
利用VML标记语言画图.动画制作 进行信息技术与学科整合过程中,信息的加工处理过程中经常需要绘图,有时也需要一些动画.相当一部分绘图工作可使用Microsoft画图(可用于绘制各种较为复杂的电路图等) ...
- 用VML标记语言画图、动画制作
利用VML标记语言画图.动画制作 进行信息技术与学科整合过程中,信息的加工处理过程中经常需要绘图,有时也需要一些动画.相当一部分绘图工作可使用Microsoft画图(可用于绘制各种较为复杂的电路图等) ...
- OpenCASCADE绘制测试线束:OCAF 命令之通用属性命令
OpenCASCADE绘制测试线束:OCAF 命令之通用属性命令 通用属性命令 SetInteger GetInteger SetReal GetReal SetIntArray GetIntArra ...
- 【安卓开发 】Android初级开发(一)控件通用属性
控件通用属性 match_parent 是指和父容器宽高相等的值,其他的同理可证. android:layout_marginTop="XXXXXXdp" 距离顶部的距离 Andr ...
- 在标记的HREF属性中javascript:alert(this.innerHTML)会怎么样?
在标记的HREF属性中javascript:alert(this.innerHTML)会怎么样? 原文:在标记的HREF属性中javascript:alert(this.innerHTML)会怎么样? ...
- Python之数据分析(Numpy通用属性、数据可视化与matplotlib库通用函数)
文章目录 一.ndarray属性 二.数据可视化 一.ndarray属性 1.通用属性 dtype:数组类型 shape:数组维度 T:转置视图 ndim:维数(一维是1,二维是2,三维是3--) s ...
- C++0x 通用属性
文章目录 1.编译器扩展属性 2.C++11通用属性 2.1语法格式 2.2[[ noreturn ]] 2.3[[carries_dependency]] 3.C++14与C++17通用属性 参考文 ...
- 获取一些系统和用户的通用属性
1. 在ASP.NET中专用属性: 获取服务器电脑名:Page.Server.ManchineName 获取用户信息:Page.User 获取客户端电脑名:Page.Request.UserHostN ...
- 07-HTML通用属性
HTML通用属性 HTML5保留的通用属性 id.style.class属性 dir属性 title属性 lang属性 accesskey属性 tabindex属性 HTML5新增的通用属性 cont ...
- 2019FME博客大赛——基于FME的地理国情监测 变化信息通用属性项检查
参赛单元:传统GIS数据处理 作者:陈兴波 单位:宁夏回族自治区基础测绘院 1 绪论 1.1 背景 基础性地理国情监测引入的变化信息通用属性项,通过人机交互检查容易出现错漏,且速度慢,因此需要设计对应 ...
最新文章
- 工作总结 npoi 模板 导出公式 excel
- 深入XP之认识的引导文件NTLDR
- python资料书-关于 Python 的经典入门书籍有哪些?
- git常用命令(二)
- 【Hive】一次被分区条件和笛卡尔积制裁的经历
- String ua = request.getHeader(user-agent)---ua值为null
- 常用SQL语句实例 11
- 转一些SIFT代码链接
- VMware ubuntu16安装
- 直方图均衡化 原理、流程、公式推导及matlab实现
- Smack Extensions用户手册
- 转 Android adb root权限
- 用“看板图”实现敏捷项目的可视化
- paip. C#.NET循环获取不同随机数的方法根据时间
- 电子工程专业用得最多的17种软件,你哪个用得好?
- ubunbtu下基于c++实现MQTT客户端通信
- latex表格手把手超详细教程(table, tabular, multirow, multicolumn)
- 接口测试系列之——接口安全测试
- python并行爬虫
- cmd命令netstat -ano不是内部命令解决方案
热门文章
- 佳能尼康宾得等,说说查看各大单反品牌的快门次数方法
- cent ultraiso_园丁cent vs千足的web ai应用
- 2021裁判文书网抓取
- linux ringbuffer原理,linux内核 使用内核队列实现ringbuffer(续)
- SVN报错Skipped ‘xxxController.class.php‘ -- Node remains in conflict
- Unity3D视频教程,Unity3D从入门到精通视频教程——转
- C语言中getchar
- document 常用事件
- 独立t检验和配对t检验_配对学生的t检验是什么?
- SpringBoot 获取 Yml 配置 信息 Environment