JS代码
// 容器 var box = document.getElementById("box"); // 创建svg var svg = document.createElementNS("http://www.w3.org/2000/svg","svg"); // svg添加到容器 box.appendChild(svg); // 创建图形 var rect = document.createElementNS("http://www.w3.org/2000/svg","rect"); // 设置矩形属性 rect.setAttribute("x","10"); rect.setAttribute("y","10"); rect.setAttribute("width","300"); rect.setAttribute("height","150"); rect.setAttribute("height","150"); rect.setAttribute("fill","black"); // 添加图形到svg svg.appendChild(rect);
HTML代码
<div id="box"></div>
svg 的dom命名空间和其他dom元素不一样。创建svg 元素需要用 createElementNS(namespace, ele); namespace 一般为“http://www.w3.org/2000/svg”
STL:list用法详解
STL:deque用法详解
STL:vector容器用法详解
Axure RP chrome插件显示已损坏或者无法安装的解决方法
怎样知道自己机器的出口网关IP(即外部IP)
[Selenium]怎样验证页面是否有无变化
[Selenium]刷新页面 Refresh page
[SoapUI]怎样获取隐藏元素的文本内容Get text of hidden element
[SoapUI]怎样从应答报文中获取某个字段的值,然后用其改写某个变量
- 最新文章
-
Python_Tkinter实现GUI(图形用户界面)编程
Python_安装位置与Python库
Python_语言介绍、编译解释、动态库静态库、编译解释过程、头文件
Python_#!/usr/bin/env是什么
[bzoj1007][HNOI2008]水平可见直线_单调栈
[bzoj1010][HNOI2008]玩具装箱toy_斜率优化dp
[jdoj1258]野生动物园(change by panxf)_权值线段树_组合数
[bzoj3037/2068]创世纪[Poi2004]SZP_树形dp_并查集_基环树
[bzoj1040][ZJOI2008]骑士_树形dp_基环树_并查集
[bzoj4003][JLOI2015]城池攻占_左偏树