SVG学习笔记(2)
2016-07-28 22:33
155 查看
今天继续跟着慕客老师来学习svg的基本操作。今天的内容比较少,就是介绍一下SVG的三个API,具体使用待续。。。。嘻嘻。
1.基本操作API
(1)创建图形
document.createElementNS(ns,tagName)
注:相对于html里创建元素多了个NS,原因是:SVG可以单独作为一
个XML文件存在。
(2)添加图形
element.appendChild(childElement)
(3)设置/获取属性
element.setAttribute(name,value)
element.getAttribute(name)
1.基本操作API
(1)创建图形
document.createElementNS(ns,tagName)
注:相对于html里创建元素多了个NS,原因是:SVG可以单独作为一
个XML文件存在。
(2)添加图形
element.appendChild(childElement)
(3)设置/获取属性
element.setAttribute(name,value)
element.getAttribute(name)
相关文章推荐
- JavaScript 判断浏览器是否支持SVG的代码
- 基于jquery和svg实现超炫酷的动画特效
- 推荐10 款 SVG 动画的 JavaScript 库
- 用svg制作富有动态的tooltip
- java生成饼图svg及JFreeChart生成svg图表
- Python实现批量把SVG格式转成png、pdf格式的代码分享
- Canvas和SVG的区别
- Web开发中的矢量绘图(vml,svg)处理和应用
- SVG 图像入门教程
- 实例讲解使用SVG制作loading加载动画的方法
- ExtJS之Chart导出为png/jpeg,解决中文乱码
- Convert SVG to PDF
- Convert SVG to PDF by using iText in Java(ZT)
- Vector graphics in iText PDF
- GML、SVG、VML的比较
- 路径:path和shape深入了解
- 脸萌~基于SVG绘制
- 奇虎360-数据可视化
- Photoshop CC 自动切图(包含WebP/SVG)
- SVG绘制矩形简单示例分享