svg 学习笔记

Posted 2020-09-21 高尔础础

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