Raphael使用g元素绘制多个矩形

来源:互联网 发布:软件下载平台 编辑:程序博客网 时间:2024/04/28 01:42
Raphael使用g元素绘制多个矩形
 <!DOCTYPEhtml>
<html>
<head>
   <metacharset="utf-8">
   <title>svgdom实现g元素</title>
   <style>
       #myg{
          border: 1px solid red;
          width: 200px;
          height: 200px;
       }
   </style>
   <scriptsrc="js/raphael.js"></script>
   <script>
       functioncreateEleG(){
          varroot=document.getElementByIdx_x("myg");
          varpaper=Raphael(root,200,200);
          var st=paper.set();
          for(vari=0;i<3;i++){
             st.push(paper.rect(10+50*i,10+50*i,40,40,10));
          }
         st.attr("fill","YellowGreen");
          st.attr("stroke","none");
       }
   </script>

</head>
<bodyonload="createEleG()">
<h3>Raphael实现g元素</h3>
<divid="myg"></div>
</body>
</html>
0 0