前端提高篇(七十)：SVG基本使用、基本样式、路径path，学习路线让你少走弯路

js：

var char = “http://www.w3.org/2000/svg”;

var svg = document.createElementNS(char, ‘svg’);

SVG元素对象一般通过调用setAttribute()方法来设定属性值

基础元素：

学习

元素的属性名是固定的，不可随意改动；但可以直接写在dom上，不用另外写在css文件里，或内部样式表，如fill，stroke，width，height等等

fill-opacity：填充透明度

stroke-opacity：描边透明度

1.默认画的元素都会填充成黑色，想改颜色用fill，但画直线时，没有可以填充的地方，显示不出来，所以需要单独设置stroke颜色才能看见

svg {