svg03——用 js 创建svg

实际使用svg中,我们经常会用js去操作svg

一、核心API:

1、创建图形:ns 指命名空间,tagName 是标签名,例如svg、rect

document.createElementNS(ns, tagName)

2、添加子节点

element.appenChild(childElement)

3、获取、设置属性

element.getAttribute(name)
element.setAttribute(name, value)

二、实例

实际效果:

svg03——用 js 创建svg_第1张图片

你可能感兴趣的:(svg03——用 js 创建svg)