在以前老是浏览器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">&nbsp;</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">&nbsp;</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的更多相关文章

  1. XML EXtensible Markup Language

    1.基础:XML设计被用来传输和存储数据:全称是EXtensible Markup Language.它的设计宗旨是传输数据,而不是显示数据.xml的标签没有被预定义,需要由用户自行定义标签.xml被 ...

  2. HTML （Hyper Text Markup Language） 常用标签

    HTML是什么?  英文全称:Hyper Text Markup Language  中文全称:超文本标记语言  网页主要由 机构  表现 行为  组成 什么是标签?    < > 里的叫 ...

  3. HTML：Hyper Text Markup Language 超文本标记语言

    1.HTML是什么? *Hyper Text Markup Language 超文本标记语言 *Hyper Text:超链接.把不同空间的资源,整合在一起,形成逻辑上的网状结构. *Markup La ...

  4. 我眼中的SAML (Security Assertion Markup Language)

    提到SAML (Security Assertion Markup Language), 很多人都会联想到单点登录SSO.那么Saml到底是什么,它跟sso到底有什么联系?这里给大家分享一下我在读完了 ...

  5. html(HyperText Markup Language)--超文本标记语言

    1.html的简介? * 什么是html? ** HyperText Markup Language:超文本标记语言,网页语言 ** 超文本:超出文本的范畴,使用html可以轻松实现这样操作: ** ...

  6. XML简介——可扩展标记语言（Extensible Markup Language）

    (What) XML是什么? XML指可扩展标记语言(Extensible Markup Language) 1.  XML是一种标记语言,类似HTML. 2.  XML具有自我描述性 3.  XML ...

  7. 00HyperText Markup Language

    HyperText Markup Language HTML超文本标记语言是一种用于创建网页的标准标记语言用于显示网页内容,HTML运行在浏览器上,由浏览器来解析,您可以使用 HTML 来建立自己的 ...

  8. 00Extensible Markup Language

    Extensible Markup Language XML(Extensible Markup Language)可扩展标记语言是用来网络数据的组织结构,传输及存储.

  9. 超文本标记语言(Hyper Text Markup Language)：构建网页的语言

    超文本标记语言(Hyper Text Markup Language):构建网页的语言

随机推荐

  1. （转）@@trancount解析

    在处理事务的时候,一般都用RollBack Transaction来回滚,但是如果在嵌套事务中这样使用的话,就会出现错误. 在SqlServer里,嵌套事务的层次是由@@TranCount全局变量反映 ...

  2. Java数据结构漫谈－ArrayList

    ArrayList是一个基于数组实现的链表(List),这一点可以从源码中看出: transient Object[] elementData; // non-private to simplify ...

  3. 通过maven创建自己的archetype

    最近项目组做好一套框架,为了推广需要创建一些空白项目给项目组使用,因为所有的空白项目里面的配置基本上都是一样的,为了减少重复工作,想通过maven创建一个自己的archetype,于是在网上大致搜了一 ...

  4. Linux Shell（初识）

    什么是Shell:Shell是一个命令解释器. Linux下支持shell的种类: 1.  Bourne Shell(简称sh) 2.C Shell(简称csh) 3.Korn Shell(简称ksh ...

  5. VS2015试验随手记

    1.第一次安装时,未完整安装,没有安装MFC,导致可以创建MFC工程,但是不能编译 解决办法,修改安装,加入MFC 2.学习创建windows runtime component,第一次使用,可以得到 ...

  6. show,hide与fadeIn、fadeOu的区别

    show,hide——>是通过改变height,width,opacity来实现动画的显示与隐藏的 fadeIn.fadeOut——>只通过opacity来实现动画的显示与隐藏的 它们两个 ...

  7. PHP接收JSON格式的数据

    在API服务中,目前流行采用json形式来交互. 给前端调用的接口输出Json数据,这个比较简单,只需要组织好数据,用json_encode($array) 转化一下,前端就得到json格式的数据. ...

  8. AngularJS中的控制器示例

    <!doctype html> <html ng-app="myApp"> <head> <script src="C:\\Us ...

  9. mysql order by 妙用

    今天在做一个2次开发的时候,出现一个需求, 需要在商品分类页里面带一个参数,也就是商品ID, 如果分类链接里面有这个ID的时候就需要把这个商品排在分类商品列表的第1个, 原来的思路是,选择分类后,在P ...

  10. RMAN备份FORMAT格式中%的含义

    使用格式串先看例子:Configure channel 1 device type disk format 'd:/backup/orcl/backup_%U';在configure 命令中经常使用格 ...