天天看點

svg webtopo原型7 裝置

璁懼?灏辨??goup+img+text

??浜?img???虹?锛?瀹??拌?懼????烘???劇ず灏辯?稿?圭????浜???

涓?杩?澶???璁懼???绉誨????????頒??鵑???

?存?ヨ?劇疆group????????涓?璧蜂??ㄧ??锛???浠ラ??杩?璁劇疆grouo???ㄥ??绱????????ュ???闆?????涓?杩?杩?绉??瑰?澶?绗ㄦ??浜???

Svg?存?ユ??渚?浜?浣?绉葷????褰㈡?規?锛???浠ュ???扮Щ?ㄣ??涓?杩???瑕?娉ㄦ??锛?杩?涓??規????稿?瑰??濮?浣?缃???????绉誨?ㄣ??

4dev.htm

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>
璁懼?
</title>
 <meta http-equiv="X-UA-Compatible" content="chrome=1">
<!-- legengd.html
 1.?劇ず璁懼?锛???瀛????劇??锛?
 2.?煎??e??opera浠ュ??chrome frame.myie浣跨?ㄥ?ㄦ??embed
  chome??opera??reate
 3.涓轟?淇?璇?embed??杞藉??姣?锛?浣跨?ㄥ歡杩??芥??-->
</head>
<script type="text/javascript" language="javascript" src="./js/svg2.js"></script>
<script>

</script>

<body bgcolor="#ffffff">

<br>
<button 慰nclick="show()">寮?濮?</button><br>
<button 慰nclick="zoomby(0.5)">缂╁?2??cor</button><br>
<button 慰nclick="zoomby(2)">?懼ぇ 2??cor</button><br>
<button 慰nclick="zoom(1,300,300)">杩???</button><br>
<button 慰nclick="showsrc()">婧???</button><br>
<button 慰nclick="move()">绉誨??lt;/button><br>

<div id="divsvg"></div>
<div style='cursor:move'>testmove</div>
</body>
<script>


var svg;
//var svgdoc;
var plat;

function move(){
 //楠?璇?涓?涓?svg??group?藉???翠?绉誨??  var svgdoc=getSVGDocument(svg);
  var plat=svgdoc.getElementById('DEV00005');
  //var plat=svgdoc.getElementById('testrec');
  
  //瀵?涓?璧蜂???   // plat.setAttribute("x",150);
  //??浠?  plat.setAttribute("transform","translate(50,0)");
}


function show(){

 svg=initSVG(300,300);
 //寤惰?涓?涓?锛???灏???10ms
 var tidst=window.setTimeout(show1,20);
}

function show1(){
 //var svg;
 //svg=initSVG(200,200);
 //var svgdoc;
 svgdoc=getSVGDocument(svg);
 plat=getrootg(svg,svgdoc);
 

 //????涓?涓?璁懼?
 //alert("hi");
 curentStyle="stroke:black;fill:white";
 //cursor??e涓?涓?涓?????pera涓?????
 curentStyle="stroke:black;fill:green;cursor:hand";
 rec=createrect(svgdoc,100,100,3,curentStyle);
 rec.setAttribute("id","testrec");
 var device=createDev("DEV00005",100,100,29.0,17.0,"./image/DEV_IP_R.gif","XM-BB-GSR12816-D-1.MAN(61.154.237.12)");
 //淇??矽?懼???灞??? //device.setAttribute("deviceid","DEV00005");
 //refresh();


 }
</script>
</html>
           

繼續閱讀