当前位置：首页 → 问答吧 → 矢量文字，兰亭序之“永”

矢量文字，兰亭序之“永”

时间：2010-05-21

来源：互联网

这是VML绘制的文字，
兰亭序之“永”。无级放大！

<html xmlns:v='urn:schemas-microsoft-com:vml'xmlns:o='urn:schemas-microsoft-com:office:office'> <head> <meta http-equiv='content-type' content='text/html; charset=gb2312'> <title></title> <meta name='generator' content="Namo WebEditor"> <style> v\:*{behavior:url(#default#VML);} </style> </head> <body> 放缩倍数<input id="zoom"><br> <button onclick="ZOOM()">放缩</button> <v:group id='Canvas' style='position:absolute;left:0px;top:0px;width:500px;height:400px;display:block;' coordorigin='0,0' coordsize='500,400'> <v:group id='Canvas_Data' style='position:absolute;left:-400px;top:300px;width:500px;height:400px;display:block;' coordsize='500,400'> <v:shape id=CBeizer229 style="LEFT: 472px; WIDTH: 97px; POSITION: absolute; TOP: -164px; HEIGHT: 97px" drag="true" PT="-164" closed="true" PointN="7" coordsize = "300,300" filled = "t" fillcolor = "black" strokecolor = "black" path = " m240,-111 c269,-109,270,-119,270,-119,270,-119,321,-113,321,-113,351,-99,372,-59,389,-8,385,1,376,10,336,17,305,2,311,4,291,-10,295,-20,304,-6,271,-56,284,-58,291,-81 240,-111 e"><v:Stroke></v:Stroke></v:shape><v:shape id=CBeizer225 style="LEFT: 472px; WIDTH: 97px; POSITION: absolute; TOP: -164px; HEIGHT: 97px" drag="true" PT="-164" closed="true" PointN="47" coordsize = "300,300" filled = "t" fillcolor = "black" strokecolor = "black" path = " m173,116 c216,115,215,115,215,115,215,115,320,82,320,82,320,82,364,87,364,87,364,87,389,117,396,140,368,168,362,187,362,187,342,268,343,286,343,286,343,286,384,271 403,247,462,207,516,161,513,155,525,158,498,136,498,136,498,136,531,132,531,132,531,132,591,162,608,179,607,194,343,300,343,300,343,300,338,325,338,325,338,325 378,369,378,369,378,369,458,413,458,413,458,413,546,463,547,463,548,463,663,516,750,541,706,535,707,552,687,555,665,564,657,577,657,577,657,577,638,592,594,576 560,567,532,567,532,567,529,555,504,555,465,533,418,503,332,368,332,382,325,379,327,531,328,531,329,531,333,636,333,636,333,636,338,668,317,678,283,675,285,667 285,667,283,648,263,636,263,636,263,636,258,616,206,592,237,590,248,599,237,573,240,576,278,580,278,580,278,580,297,371,276,299,261,289,206,392,206,392,206,392 164,441,133,483,99,532,44,554,44,554,44,554,209,330,190,329,160,342,106,397,112,390,76,386,73,391,72,391,71,391,50,378,25,368,-12,337,7,301,7,301 7,301,4,331,34,342,51,345,62,339,156,274,185,249,235,207,235,207,235,207,287,208,288,208,289,208,300,168,288,170,255,143,281,161,250,161,230,144,193,118 173,116 e"><v:Stroke></v:Stroke></v:shape> </v:group> </v:group> <script> function ZOOM() { var n=document.getElementById("zoom").value; document.getElementById("Canvas").coordsize.x=parseInt(500/n); document.getElementById("Canvas").coordsize.y=parseInt(400/n); } </script> </body> </html>
提示：您可以先修改部分代码再运行

[ 本帖最后由 Einsy 于 2010-5-21 15:20 编辑 ]

作者: Einsy 发布时间: 2010-05-21

叠放层有问题，无法点击text和input

作者: cwq2jxl 发布时间: 2010-05-21

2楼说的正确的。无法点击到TEXT 和按钮

作者: idche 发布时间: 2010-05-21

要使用IE查看！
firefox浏览器是NS浏览器死了的灵魂，没想到这么多人用。
一些人坚持使用FF，只能造成，浏览器的不统一。结果苦的还是我们开发人员。
浏览器最好统一！目前情况下，IE所以最好的选择，所以我的项目只支持IE。

作者: Einsy 发布时间: 2010-05-26