Question

你好，我需要在此处将此数据转换为SVG代码，以便可以在html中使用它？

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAIAAACRXR/mAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAABnSURBVHja7M5RDYAwDEXRDgmvEocnlrQS2SwUFST9uEfBGWs9c97nbGtDcquqiKhOImLs/UpuzVzWEi1atGjRokWLFi1atGjRokWLFi1atGjRokWLFi1af7Ukz8xWp8z8AAAA//8DAJ4LoEAAlL1nAAAAAElFTkSuQmCC

我尝试了其他在线转换器，但无法从中获取SVG代码

<svg></svg>

有人可以帮助我吗？

编辑：

来自此示例：codepen

Answer 1

PNG是光栅图形，而SVG是矢量图形。没有直接的方法可以将栅格图形转换为矢量图形（某些工具可以进行近似跟踪）。这是一个手工制作的SVG，可以代替您的原始PNG。实施here。

    d="M 2.00,0.5
    C 2.00,0.50 49.00,0.50 49.00,0.50M 0.50,2
    C 0.50,2.00 0.50,49.00 0.50,49.00" />
  <path id="Corners"
    fill="none"
    stroke="black"
    stroke-width="1"
    d="M 0.00,0.00

       C 0.00,0.00 2.00,2.00 2.00,2.00M 49.00,2.00
       C 49.00,2.00 49.98,1.02 50.00,1.00M 1.00,50.00
       C 1.00,50.00 2.00,49.00 2.00,49.00M 49.00,49.00

       C 49.00,49.00 50.00,50.00 50.00,50.00" />
</svg>

如何将data：image / png转换为SVG代码？

1 个答案: