超级会员免费看
网页图形技术：SVG 与 Canvas 详解
1. SVG 可缩放矢量图形
SVG（Scalable Vector Graphics）是一种图像格式，与 GIF、JPEG 和 PNG 等光栅图像格式不同，它使用 XML 标记语言以文本文件描述图形，具有分辨率独立性，即“可缩放”的特点。在网页浏览器中，使用 SVG 有三种方式：
1. 使用 <img> 标签 ：像使用 .png 或 .jpeg 图像一样，使用 .svg 图像文件。
2. 直接嵌入 HTML ：由于基于 XML 的 SVG 格式与 HTML 非常相似，可以直接将 SVG 标签嵌入 HTML 文档中。此时，浏览器的 HTML 解析器允许省略 XML 命名空间，将 SVG 标签视为 HTML 标签。
3. 使用 DOM API 动态创建 ：使用 DOM API 动态创建 SVG 元素，按需生成图像。
1.1 SVG 在 HTML 中的应用
SVG 图像可以使用 HTML 的 <img> 标签显示，也可以直接嵌入 HTML 中，并且可以使用 CSS 样式表指定字体、颜色和线宽等。以下是一个使用 SVG 显示模拟时钟面的 HTML 文件示例：
<html>
<head>
<title>Analog
订阅专栏 解锁全文
扫一扫
1340
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
