svg 学习笔记

Posted 高尔础础

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了svg 学习笔记相关的知识,希望对你有一定的参考价值。

http://git.oschina.net/heboliufengjie/demo/tree/master/svg?dir=1&filepath=svg&oid=3a442039721540d1ca920d7f45e6e0cd3dbbbdaa&sha=d67a78901664702a3ab2742c995ae969ccb626b0


document.createElementNs(ns,tagName)
________________________________________

clip: http://www.w3school.com.cn/cssref/pr_pos_clip.asp
def: SVG基础 | SVG defs元素、symbol元素和use元素
http://www.htmleaf.com/ziliaoku/qianduanjiaocheng/201506132029.html

clip-path : http://www.zhangxinxu.com/wordpress/2014/12/css3-svg-clip-path/

http://tutorials.jenkov.com/svg/mask.html

animate:http://www.zhangxinxu.com/wordpress/2014/08/so-powerful-svg-smil-animation/

http://www.htmleaf.com/ziliaoku/qianduanjiaocheng/201507082192.html

vieBox:http://www.htmleaf.com/ziliaoku/qianduanjiaocheng/201506182064.html

________________________________________
animateMotion

https://developer.mozilla.org/en-US/docs/Web/SVG/Element/animateMotion
________________________________________
window.requestAnimationFrame()
________________________________________
http://paletton.com/
________________________________________
lineargradient
________________________________________
patternContentUnits="objectBoundingBox"
patternUnits
pstternC
________________________________________
text tspan chuangjianwenben d

以上是关于svg 学习笔记的主要内容,如果未能解决你的问题,请参考以下文章

9. svg学习笔记-裁剪和蒙版

o'Reill的SVG精髓(第二版)学习笔记——第二章

o'Reill的SVG精髓(第二版)学习笔记——第五章

o'Reill的SVG精髓(第二版)学习笔记——第十一章

o'Reill的SVG精髓(第二版)学习笔记——第八章

o'Reill的SVG精髓(第二版)学习笔记——第四章