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. yii 1.x 添加 rules 验证url数组

    public function rules() { return CMap::mergeArray( parent::rules(),array( array('third_link', 'urlAr ...

  2. Mysqlutil.JDBCutil.Dtabaseutil数据库操作工具类[批量操作]

    一个用来操作数据库的常用工具类. 提供批量操作,生成建表,插入语句等 操作示例: // 1.获取连接 DataBaseUtil jdbc = new DataBaseUtil(); jdbc.getC ...

  3. 使用vue实现tab栏的点击切换样式

    <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8&quo ...

  4. 线性表->顺序存储

    文字描述: 用一组地址连续的存储单元依次存储线性表的数据元素,只要确定了存储线性表的起始位置,线性表中任一数据元素都可随机存取,所以线性表的顺序存储结构是一种随机存取的存储结构. 即是,线性表的顺序存 ...

  5. mock server 实现get方法的接口（二）

    mock server 实现get方法的接口(二) 下面是实现查询品牌的接口demo: 1.当response数据量小的时候,可以直接使用json, mock会自动设置headers为applicat ...

  6. keras训练cnn模型时loss为nan

    keras训练cnn模型时loss为nan 1.首先记下来如何解决这个问题的:由于我代码中 model.compile(loss='categorical_crossentropy', optimiz ...

  7. .NET使用gRPC

    gRPC 简单介绍: grpc 是一个高性能.开源和通用的 RPC 框架,面向移动和 HTTP/2 设计.目前提供 C.Java 和 Go 语言版本,分别是:grpc, grpc-java, grpc ...

  8. springcloud第二步：发布服务提供者

    创建项目service-member Maven依赖 <parent> <groupId>org.springframework.boot</groupId> &l ...

  9. Xamarin.Forms 自定义 TapGestureRecognizer 附加属性

    While creating Xamarin.Forms applications, definitely you are going to need TapGestureRecognizer oft ...

  10. php----------const 定义的常量和define()定义的常量的区别？

    用法一:const用于类成员变量,一经定义不可修改,define用于全局常量,不可用于类成员变量的定义,const可在类中使用也可以在类外面使用,define不能. 定义:const 常量名=值; 没 ...