璁懼?灏辨??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>