Movk Core

replaceCurrentColor

GitHub View source

获取一个 SVG 文件，并将其中的 currentColor 属性替换为指定的颜色。

`replaceCurrentColor`

此函数用于获取一个 SVG 文件，并将其中的 currentColor 属性替换为指定的颜色。这对于动态改变图标颜色非常有用。

此函数仅在浏览器环境中可用。

用法

假设 /icons/star.svg 的内容是： <svg fill="currentColor">...</svg>

import { replaceCurrentColor } from '@movk/core'

async function getColoredIcon() {
  try {
    // 获取 SVG 并将 currentColor 替换为红色
    const redIconSvg = await replaceCurrentColor('/icons/star.svg', '#FF0000')
    document.getElementById('icon-container').innerHTML = redIconSvg
  }
  catch (error) {
    console.error('处理 SVG 失败:', error)
  }
}