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. jenkins安装与配置---windows系统

    记录安装过程中的步骤及遇到的坑,以做借鉴 服务器主机系统: windows9 ;  已安装开发环境: jdk8 ; 我采用的是war包直接运行的方式: 1.下载最新的版本(一个 WAR 文件).Jen ...

  2. Codeforces 785D - Anton and School - 2 - [范德蒙德恒等式][快速幂+逆元]

    题目链接:https://codeforces.com/problemset/problem/785/D 题解: 首先很好想的,如果我们预处理出每个 "(" 的左边还有 $x$ 个 ...

  3. Codeforces Round #542 题解

    Codeforces Round #542 abstract I决策中的独立性, II联通块染色板子 IIIVoronoi diagram O(N^2 logN) VI环上距离分类讨论加取模,最值中的 ...

  4. Django中web开发用md5加密图片名并存储静态文件夹

    一般在开发中,有的网站存在大量图片,首先图片的名称是不能重复的, 但是除了数据库可用的id以外我们可以用time模块中time.time()获取的时间来进行md5加密操作, 因为time模块所产生的时 ...

  5. CF1033G Chip Game

    题意 给你一个长度为\(n\)的序列和一个数\(m\). 小A和小B分别在\([1,m]\)选出一个数\(a\)和\(b\),然后开始游戏. 轮到小A时,他选择一个元素减\(a\):小B则选择一个元素 ...

  6. scrapy学习笔记(1)

    初探scrapy,发现很多入门教程对应的网址都失效或者改变布局了,走了很多弯路.于是自己摸索做一个笔记. 环境是win10 python3.6(anaconda). 安装 pip install sc ...

  7. Spark架构原理

  8. vue 点击图片放大

    文档:https://www.npmjs.com/package/vue-directive-image-previewer [只能弹框查看 不能关闭和播放下一张,其他功能使用别的插件] 安装: np ...

  9. jq点击事件不生效，效果只闪现一次又立马消失的原因？

    出现的问题:jq点击事件不生效,点击的时候效果实现但又立马消失,页面重新刷新了一次 可能出现的原因: a标签href属性的原因,虽然点击事件生效,但页面又刷新了一次,所以没有效果,只闪了一次 解决方案 ...

  10. How to use draggable attribute?怎样使用拖拽属性代码分享

    6.7 Drag and dropSupport: dragndropChrome for Android NoneChrome 4+iOS Safari 11.0+UC Browser for An ...