程序博客网 > 软件下载平台

SVG Dom使用g元素

来源：互联网发布：软件下载平台编辑：程序博客网时间：2024/05/17 04:05

SVG <wbr>Dom使用g元素

<!DOCTYPEhtml>

<html>

<head>

<meta charset="utf-8">

<title>svgdom实现g元素</title>

<style>

#myg{

border: 1px solid red;

width: 200px;

height: 200px;

}

</style>

<script>

functioncreateEleG(){

varroot=document.getElementByIdx_x("myg");

varSVG="http://www.w3.org/2000/svg";

//创建我们的svg元素

varsvg=document_createElement_xNS(SVG,"svg");

svg.setAttribute("width","200");

svg.setAttribute("height","200");

//创建我们的g元素

varg=document_createElement_xNS(SVG,"g");

g.setAttribute("fill","dodgerblue");

for(vari=0;i<3;i++){

varrect=document_createElement_xNS(SVG,"rect");

rect.setAttribute("width","40");

rect.setAttribute("height","40");

rect.setAttribute("ry","10");

rect.setAttribute("x",10+50*i);

rect.setAttribute("y",10+50*i);

g.a(rect);

}

svg.a(g);

root.a(svg);

}

</script>

</head>

<bodyonload="createEleG()">

<h3>svgdom实现g元素</h3>

<divid="myg"></div>

</body>

</html>

0 0

软件下载平台

软件下载平台

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子六一作文400字优秀六一儿童节作文400 六一节手抄报六一舞台花絮六一活动作文六一儿童节作文500字买陨石当六一礼物六一儿童节简笔画六一舞台花絮118完整六一儿童节活动作文六一散功效与作用六一儿童节作文450字场景描写青海六一桥妇女30元一次六一后台花絮六一儿童节作文500字六年级六一儿童节作文450字六一儿童节作文450 六一儿童节演出作文400字沈阳六一儿童技术六一儿童节舞蹈表演六一儿童节作文点面结合沈阳六一儿童医院很放心六一儿童节幼儿园舞蹈西宁六一桥晚上图片沈阳六一称誉沈阳六一周全沈阳六一儿童技术棒沈阳六一儿童医院方位沈阳六一专家好沈阳儿童寻六一沈阳儿童唯六一沈阳儿童去六一沈六一技术棒六一儿童节演出作文500字沈阳儿童医院求六一沈阳儿童医院来六一六种水果越吃越丑六丑废人六义六月二十七日望湖楼醉书六年级上册英语书