#<svg> XElement

<svg> 是在标记中直接嵌入可缩放矢量图形（SVG）的基础元素。它可以帮助你创建清晰、与分辨率无关的图形，从简单图标到复杂的数据可视化，在不同屏幕尺寸与像素密度下都能无损缩放。

Lynx SVG 专为高性能的静态渲染而设计。它不会在主线程上为每个 SVG 标签创建独立的元素节点，而是将解析工作交由后台线程处理，并将整个图形作为一个原生视图进行渲染，从而降低主线程的解析耗时和节点数量开销。它覆盖了 17 个最常用的 SVG 标签和超过 40 个属性，能够满足绝大多数实际 SVG 资源的渲染需求。

#使用指南

#基础用法

下面是 <svg> 的基础用法示例：

svgsrc/base/index.tsx

Code

预览

#支持的 SVG 标签

以下 SVG 标签已完全支持：

#支持的 SVG 属性

以下属性可应用于上述标签：

#属性

#content

content?: string;

SVG XML 内容

#src

src?: string;

SVG 资源 URL

#事件

前端可以绑定相应的事件回调来监听元素的运行时行为，如下所示。

#bindload

bindload = (e: BaseEvent) => {};

SVG 已加载

#兼容性