前端大杂烩
Mango_WXL
望这个博客能见证我的一点一点成长
展开
-
SVG学习笔记(1)
以前听过SVG,那么SVG到底是什么呢?跟着慕客老师一起来学习吧。 1.SVG是使用XML描述的矢量文件。 2.位图和矢量图的定义( 位图是基于颜色的描述,也就是每一个颜色像素点的组合。 而矢量图呢,则是基于数学的描述,比如说一条曲线,还有SVG、AI等都是矢量图。 ) 3.SVG的4种使用方式(浏览器直接打开、HTML中标签引用、直接在HTML中引用SVG标签、作为CSS背景) 4.翻译 2016-07-26 23:36:28 · 263 阅读 · 0 评论 -
SVG学习笔记(2)
今天继续跟着慕客老师来学习svg的基本操作。今天的内容比较少,就是介绍一下SVG的三个API,具体使用待续。。。。嘻嘻。 1.基本操作API (1)创建图形 document.createElementNS(ns,tagName) 注:相对于html里创建元素多了个NS,原因是:SVG可以单独作为一 个XML文件存在。 (2)添加图原创 2016-07-28 22:33:49 · 236 阅读 · 0 评论