SVG DOM及DOM操作介绍 - HTML5教程技巧

SVG（Scalable Vector Graphics）是一种用于描述二维矢量图形的XML标记语言，它可以实现高质量的图形渲染效果。在HTML5中，SVG成为了一种重要的图形标准，可以通过JavaScript的DOM（Document Object Model）来对SVG文档进行操作和控制。本文将介绍SVG DOM及其相关的DOM操作，以帮助您深入了解和使用SVG图形。

SVG DOM简介
SVG DOM是一种用于处理SVG文档的API接口，它提供了一组对象和方法，使开发者可以通过JavaScript与SVG文档进行交互。通过SVG DOM，您可以访问和操作SVG文档中的元素、属性和事件，并实现动态的图形效果。

在HTML文档中，可以通过<svg>元素嵌入SVG图像，而在JavaScript中，可以使用document.getElementById()等方法获取到该<svg>元素的引用。通过这个引用，您可以开始对SVG文档进行操作。

创建SVG元素
要创建SVG元素，可以使用document.createElementNS()方法，并指定命名空间URI为SVG命名空间。以下是一个创建SVG矩形元素的示例：