icon

---

创建一个 svg 矢量图标元素，或者解析转换页面上特定类型的 svg 标签到指定的图标元素。

createIcon

function createIcon(type: string, id: string, style?: { [key: string]: string }): SVGElement

type: string

图标类型，可选值目前有 fa-regular、fa-light、fa-solid

id: string

图形 id，例如 user-edit、address-card、frog……

style?: { [key: string]: string }

自定义样式的对象

resolveIcon

function resolveIcon(container: HTMLElement): HTMLElement

container: HTMLElement

将把此 HTML 元素下的所有 svg[data-id] 元素解析为图标，[data-id] 同上述 id: string，[data-type] 同上述 type: string

---

示例

<div id="icon-sample">
  <svg data-id="address-card" data-type="fa-regular"></svg>
  <svg data-id="user-edit" data-type="fa-light"></svg>
  <svg data-id="frog" data-type="fa-solid"></svg>
</div>

<script type="text/javascript">
  window["lib-ui"].resolveIcon(document.querySelector("#icon-sample"));
</script>