-- 作者:wisd0m
-- 发布时间:8/11/2004 8:57:00 PM
-- 请教关于svg格式图形开窗放大的问题!!!!
各位高手,我有个问题想问大家,就是在这个svg文件里面为什么我做一次开窗放大后,再继续开窗放大就不行了!下面是我的代码: <?xml version="1.0" encoding="iso-8859-1"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd"> <svg id="MainMap" x="0px" y="0px" width="100%" height="100%" onload="Ini(evt)"> <script><![CDATA[ var opinion; var mx1; var my1; var svgdoc; function Ini(evt) { svgdoc=evt.getTarget().getOwnerDocument(); //alert(evt); } function abcout(evt) { opinion=1; var mx=evt.clientX; var my=evt.clientY; mx1=mx; my1=my; //alert(mx1+"\n"+my1); } function fangqi(evt) { opinion=0; kuang=svgdoc.getElementById('s123'); //svgdoc.remove(kuang); kuang=svgdoc.getElementById('s123'); kuang.setAttribute('x',0); kuang.setAttribute('y',0); kuang.setAttribute('width',0); kuang.setAttribute('height',0); } function huakuang(evt) { //alert(opinion); if(opinion==1) { var mx2=evt.clientX; var my2=evt.clientY; var kuang; var kuandu; var gaodu; kuandu=mx2-mx1; gaodu=my2-my1; //alert(kuandu+"\n"+gaodu); kuang=svgdoc.getElementById('s123'); kuang.setAttribute('x',mx1); kuang.setAttribute('y',my1); kuang.setAttribute('width',kuandu); kuang.setAttribute('height',gaodu); } } ]]> </script> <rect id="kongzhi" x="0" y="0" width="100%" height="100%" style="fill:green;opacity:0.5;stroke:blue" onmousedown="abcout(evt)" onmousemove="huakuang(evt)" onmouseup="fangqi(evt)"/> <rect id="s123" x="0" y="0" width="100" height="100" fill="black" opacity="0.3" stroke="blue" onmouseup="fangqi(evt)" /> </svg>
|