VML

VML是The Vector Markup Language(矢量可标记语言)的缩写。官网：https://www.vml.com/

ex:

　　<!DOCTYPE html>

　　<html xmlns:v="urn:schemas-microsoft-com:vml">　　　　//带v的遵循此规范，v可以为a，c，以v开头的标签遵循此规范
　　<head>
　　　　<meta charset="utf-8">
　　　　<style media="screen">
　　　　　　v\:* { behavior: url(#default#VML) }　　　　//转义，\为防止历览器转换成伪类
　　　　</style>
　　　　<title></title>
　　</head>
　　<body>
　　　　<v:line from="100,100" to="400,300"></v:line>　　　　//线

　　　　<v:line from="100,100" to="400,300" strokecolor="red" strokeweight="20"></v:line>　　　　//红色的粗20的线

　　　　<v:oval style="left:200px; top:200px; width:300px;height:300px; position:absolute"></v:oval>　　//椭圆

　　　　<v:rect style="left:200px; top:100px; width:400px; height:300px"></v:rect>　　　　//矩形

　　　　<v:shape style="width:1px;height:1px" coordsize="1,1" path="M 200 100 L 300 400 100 400 X"></v:shape>　　　　//图形   三角形
　　</body>
　　</html>

vs svg：

　　1.vml和svg差不多 　　　　　　vml支持IE5~IE7
　　2.xmlns+style
　　3.vml也有很多标签

用法：

　　line 　　线 　　　　from to
　　oval 　  椭圆 　　   style="left,top,width,height" 　　 position:absolute
　　rect 　  矩形 　　　 style="left,top,width,height" 　   position:absolute

js操作：

　　<script>
　　　　window.onload=function (){
　　　　　　var oShape=document.createElement('v:shape');

　　　　　　oShape.style.width='1000px';
　　　　　　oShape.style.height='1000px';

　　　　　　oShape.path='M 100 100 L 400 100 400 300 100 300 X';

　　　　　　document.body.appendChild(oShape);
　　　　};
　　</script>

vml--基础的更多相关文章

  1. 1.Java基础之System对象

    毕向东老师Java基础学习笔记——System对象 今天学习Java中的System对象后,感觉这个对象对我们主要有以下几点用处. 1.获取当前操作系统版本和类型. 2.获取当前操作系统的path中的 ...

  2. VML/SVG在Web开发中一些常见的框架

    1.借鉴自: http://www.codefans.net/soft/3061.shtml 来源于网上. flowchart.js  http://adrai.github.io/flowchart ...

  3. GML、SVG、VML的比较

    转自:http://www.cnblogs.com/3echo/archive/2009/02/19/1394399.html GML.SVG和VML都是基于XML的可用来描述矢量图形的标记语言,都是 ...

  4. SVG基础以及使用Javascript DOM操作SVG

    SVG 不依赖分辨率 支持事件处理器 最适合带有大型渲染区域的应用程序(比如谷歌地图) 复杂度高会减慢渲染速度(任何过度使用 DOM 的应用都不快) 不适合游戏应用 Canvas 依赖分辨率 不支持事 ...

  5. 深入浅出DOM基础——《DOM探索之基础详解篇》学习笔记

    来源于:https://github.com/jawil/blog/issues/9 之前通过深入学习DOM的相关知识,看了慕课网DOM探索之基础详解篇这个视频(在最近看第三遍的时候,准备记录一点东西 ...

  6. java基础学习总结——网络编程

    一.网络基础概念 首先理清一个概念:网络编程 != 网站编程,网络编程现在一般称为TCP/IP编程.

  7. web图形方案比较html5、GML、SVG、VML

    GML.SVG和VML都是基于XML的可用来描述矢量图形的标记语言,都是XML词表,它们的语法并不难理解,但它们都有各自不同的用途和特点,下面简单介绍一下. GML(Geography Markup  ...

  8. java基础—网络编程

    一.网络基础概念 首先理清一个概念:网络编程 != 网站编程,网络编程现在一般称为TCP/IP编程.

  9. Shell 编程 基础

    本篇主要写一些shell脚本的基础知识,编程规范. 第一个shell脚本 [root@localhost ~]# vim first.sh #!/bin/bash # This is first Sh ...

  10. pytorch基础学习（二）

    在神经网络训练时,还涉及到一些tricks,如网络权重的初始化方法,优化器种类(权重更新),图片预处理等,继续填坑. 1. 神经网络初始化(Network Initialization ) 1.1 初 ...

随机推荐

  1. C# 数字字符串前面不足位补零方法

    ; Console.WriteLine(i.ToString("D3")); Console.WriteLine(i.ToString(")); Console.Writ ...

  2. python中剔除字典重复项，可以使用集合（set）。

    使用集合(set)剔除字典中的重复项(value). 1)具体例子: #甲乙丙丁使用的编程语言programming_languages = { '甲':'java', '乙':'python', ' ...

  3. MySQL中0、'0'作为条件时的区别

    一.现象: 今天查询时,某字段x为varchar 可能的值为A B C 0 1 2 3 4 想把0 1 2 3 4的所有数据查出,使用的SQL为 select * from table where x ...

  4. man scp

    SCP(1)   BSD General Commands Manual   SCP(1) NAME     scp - secure copy (remote file copy program) ...

  5. com.mysql.jdbc.connection和java.sql.connection的区别

    com.mysql.jdbc.Connection 是mysql自己的接口 针对于对mysql的出来,java.sql.Connection 这是一个公共的接口包括对mysql的支持oracle,sq ...

  6. FPC导通阻抗计算

    pc线路板是有导电功能的,那么如何仅适用手工计算出线路的阻值能?那么就需要使用到一个公式: W*R*T=6000 W是指铜箔的宽度单位是密耳mil. T是指铜箔厚度单位是盎司oz. R是指铜箔的电阻单 ...

  7. _sntprintf_s 和 _sntprintf 区别

    https://docs.microsoft.com/en-us/cpp/c-runtime-library/reference/snprintf-s-snprintf-s-l-snwprintf-s ...

  8. cocos creator 重写源码按钮Button点击音频封装

    (function(){ var Super = function(){}; Super.prototype = cc.Button.prototype; //实例化原型 Super.prototyp ...

  9. 依据ECMA规范，手写一个bind函数

    Function.prototype.bind 函数,参见ECMA规范地址 如题,这次来实现一个boundFunction函数,不挂载在Function.prototype上,而是一个单独声明的函数. ...

  10. Click One客户端安装后将安装目录删除，再从服务器下载安装无法安装解决办法

    报错信息: 平台版本信息 Windows : 6.1.7601.65536 (Win32NT) Common Language Runtime : 4.0.30319.42000 System.Dep ...