vml--基础
VML
VML是The Vector Markup Language(矢量可標記語言)的縮寫。官網(wǎng)：https://www.vml.com/
ex:
<!DOCTYPE html>
<html xmlns:v="urn:schemas-microsoft-com:vml"> //帶v的遵循此規(guī)范，v可以為a，c，以v開頭的標簽遵循此規(guī)范
<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.οnlοad=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>
轉載于:https://www.cnblogs.com/cxmSuperman/p/10781159.html
總結
- 上一篇： vue 实时搜索 防抖功能
- 下一篇： githug关卡小游戏，练习git