VML :Vector Markup Language
在以前老是浏览器IE<9在不支持SVG情况下,IE一般通过VML来绘制图形，图片，文字等
步骤：
必须在头部添加
<HTML xmlns:v="urn:schemas-microsoft-com:vml"> 手动添加 或者通过JS来添加
添加样式
v\:* {behavior:url(#default#VML);}
注：对于IE8来说由于不支持 v:\* 所以必须根据具体的用到的元素来设置样式，还有必须手动来设置display属性来强制浏览器渲染
v\:rect,
v\:Line,
v\:oval,
v\:PolyLine {
behavior: url(#default#VML);
display: inline-block
}
下面只是对IE8来看看具体的示例:
<!DOCTYPE html>
<HTML xmlns:v="urn:schemas-microsoft-com:vml"> <head>
<meta charset="utf-8">
<!--这部分怕冲突 只对IE8引入-->
<!--[if IE 8]>
<link rel="stylesheet" type="text/css" href="1.css">
<![endif]-->
</head> <body> <v:polyline
id=528
style="CURSOR: pointer;"
points="928,208.5 993,108.5"
fromTo="928,108.5,993,108.5"
strokecolor="#5068ae"
strokeweight="1.2pt">
<v:stroke></v:stroke>
<DIV style="LEFT: 36px; TOP: -6px"> </DIV>
</v:polyline> <v:polyline id=5228
style="CURSOR: pointer"
points="928,108.5 993,108.5"
fromTo="928,108.5,993,108.5"
strokecolor = "#5068ae"
strokeweight = "1.2pt">
<v:stroke></v:stroke>
<DIV style="LEFT: 36px; TOP: -6px"> </DIV>
</v:polyline>
</body>
</html>
结果如下：
IE8中动态添加VML标签时注意地方：
通过字符串的方式，样式不能直接拼接在字符串中，否则没有效果；只能通过document.style方式添加
line = document.createElement("<v:line id=\"cv\" from=\"0,0\" to=\"600,0\" fillcolor=\"red\" ></v:line>");
stroke = document.createElement("<v:stroke EndArrow=\"Diamond\"/>");
line.appendChild(stroke);
document.body.appendChild(line ); // 只生成不带箭头的线
参考链接推荐
推荐链接 （http://www.htmlgoodies.com/beyond/xml/article.php/3473491/VML-Vector-Markup-Language.htm）
推荐博客 （http://www.codeweblog.com/javascript-%E5%8A%A8%E6%80%81%E5%88%9B%E5%BB%BAvml%E7%9A%84%E6%96%B9%E6%B3%95/）
VML :Vector Markup Language的更多相关文章
- XML EXtensible Markup Language
1.基础:XML设计被用来传输和存储数据:全称是EXtensible Markup Language.它的设计宗旨是传输数据,而不是显示数据.xml的标签没有被预定义,需要由用户自行定义标签.xml被 ...
- HTML （Hyper Text Markup Language） 常用标签
HTML是什么? 英文全称:Hyper Text Markup Language 中文全称:超文本标记语言 网页主要由 机构 表现 行为 组成 什么是标签? < > 里的叫 ...
- HTML：Hyper Text Markup Language 超文本标记语言
1.HTML是什么? *Hyper Text Markup Language 超文本标记语言 *Hyper Text:超链接.把不同空间的资源,整合在一起,形成逻辑上的网状结构. *Markup La ...
- 我眼中的SAML (Security Assertion Markup Language)
提到SAML (Security Assertion Markup Language), 很多人都会联想到单点登录SSO.那么Saml到底是什么,它跟sso到底有什么联系?这里给大家分享一下我在读完了 ...
- html(HyperText Markup Language)--超文本标记语言
1.html的简介? * 什么是html? ** HyperText Markup Language:超文本标记语言,网页语言 ** 超文本:超出文本的范畴,使用html可以轻松实现这样操作: ** ...
- XML简介——可扩展标记语言（Extensible Markup Language）
(What) XML是什么? XML指可扩展标记语言(Extensible Markup Language) 1. XML是一种标记语言,类似HTML. 2. XML具有自我描述性 3. XML ...
- 00HyperText Markup Language
HyperText Markup Language HTML超文本标记语言是一种用于创建网页的标准标记语言用于显示网页内容,HTML运行在浏览器上,由浏览器来解析,您可以使用 HTML 来建立自己的 ...
- 00Extensible Markup Language
Extensible Markup Language XML(Extensible Markup Language)可扩展标记语言是用来网络数据的组织结构,传输及存储.
- 超文本标记语言(Hyper Text Markup Language)：构建网页的语言
超文本标记语言(Hyper Text Markup Language):构建网页的语言
随机推荐
- http断点续传原理
断点续传一是断点,一续传. 断点是在下载时,将下载文件分多片,同时进行多片一起下载,如果任务被暂停,暂停的位置就是断点. 续传就是未完成的下载再次开始时,会从上次的断点继续传送. 在下载(或上传)过程 ...
- C#三个平台上的文件选择方法
wpf: Microsoft.Win32.OpenFileDialog dlg = new Microsoft.Win32.OpenFileDialog(); dlg.DefaultExt = &qu ...
- CSSOM视图模式
相关技术文章: CSSOM视图模式(CSSOM View Module)相关整理 W3C CSSOM View Module
- php环境安装及搭建
最近由于项目需要 转战 PHP . 在做了差不多两年java后 说实话看php代码还是有些难受的. 毕竟不习惯.废话不说 先说一下 PHP环境的部署等等,也就是最近几天学习的心得吧.方便以后参考. ...
- Taum and B'day
//自己 def main(): t = int(raw_input()) for _ in range(t): units = 0 b, w = map(int, raw_input().strip ...
- ios 多线程 面试
1 多线程是什么 同步完成多项任务,提高了资源的使用效率,从硬件.操作系统.应用软件不同的角度去看,多线程被赋予不同的内涵,对于硬件,现在市面上多数的CPU都是多核的,多核的CPU运算多线程更为出色 ...
- Android provider authorities冲突
在Android项目中的AndroidManifest中provider的authorities相当于一个系统级的全局变量它的值必须唯一,如果有两个应用的authorities相同会导致安装失败.
- 在Visual Studio中使用GitHub(使用篇)
一.准备工具 上一篇中我们已经安装了Git Extensions和Tortoisegit.在这里我们要为Visual Studio安装一个插件,专门用于Git. Git Source Control ...
- 2 _RESETFUL介绍
2.2 CURL 命令的讲解: 1.就是以命令的方式来执行HTTP 协议的请求的工具 2.可以通过CURL 操作HTTP的GET/POST/PUT/DELETE方法 jrhmpt01:/root# c ...
- java日期时间处理小结
这两周时间的Java开发让我感觉到JAVA语言确实把一些简单的事情搞得很复杂,比如日期时间处理,或许是考虑不同时区国际化跨平台之类的因素,但JAVA语言处理确实让我很困惑,相信身边好多开发的同事也如此 ...