从SVG文件代码中获取svgData

时间:2018-08-16 18:40:00

标签: svg

我有一个非常具体的问题,在其他任何地方都找不到答案,因此我尝试尽我所能来解释它。 简而言之,我有一段代码,是通过将JPEG图像转换为SVG代码得到的,因此非常干净。这些开始于:

<?xml version="1.0" encoding="UTF-8" ?>

我需要将其转换为以下格式:

var svgData='PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC

很抱歉,我已经把它们放在那里了。

虽然我了解HTML,CSS和JavaScript的基本知识,但对SVG的了解却几乎为零。

我要实现的是,有一个在编辑器中创建标志的网站,当我看到背后的代码时,就会看到其中有SVG代码。现在,当我只用第一段代码替换掉SVG代码时,这是通过将图像直接转换为SVG代码获得的干净代码,它不起作用,但是下面的代码可以正常工作。

我需要知道如何制作我的代码。我尝试了SVG压缩机,但是没有用。我不知道从哪里获取svgdata?

1 个答案:

答案 0 :(得分:0)

这称为Base64编码。

您可以使用许多工具在Base64之间进行转换。但是我个人最喜欢的在线工具就是这个:

https://www.motobit.com/util/base64-decoder-encoder.asp

要转换“ svgData”字符串,请执行以下操作:

  1. 将引号之间的字符复制到该页面的文本区域
  2. 选择“解码”选项
  3. 点击“转换源数据”按钮

解码后的SVG将出现在文本区域中。

要转换您自己的SVG,请执行相同的操作。但是显然您这次必须选择“编码”。