javascript - SVG 文件中的图像(jpeg 和 png)文件是如何格式化的?

标签 javascript image svg

我正在尝试在 JS 中编辑 SVG 文件,我已经开发了一种方法来执行此操作。我正在努力研究如何更改所述文件中的图像(jpeg)。在我进行任何编辑之前,SVG 中包含一大串转换为图像的字母。

这是其中的一部分。

CQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSEx BhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElK U1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYa

如果您在文本编辑器中打开 jpeg 文件,您还会得到一串看似随机的字符,但是将这些字符放入 SVG 中并不会显示所需的图像。与图像相对应的文本充满了菱形问号。

最佳答案

那就是 base64 encoding 。它几乎肯定已经在 xlink:href 属性中告诉您这一点。 IE。我希望它看起来像这样: xlink:href="data:image/png;base64,..."

在将生成的字符粘贴到 base64 encode 之前,您需要对 jpeg 进行 data URI

关于javascript - SVG 文件中的图像(jpeg 和 png)文件是如何格式化的?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36001285/

相关文章:

javascript - Ajaxurl 返回 0

html - 以当今现代方式使用 "caption"HTML 元素的最合适方式是什么?

java - 将灰度图像读入一维数组

Javascript document.location.reload 不起作用

javascript - 从单独的文件中获取随机对象

javascript - typescript - tslint 错位 'else'(单行)

java - 如何从可绘制图像加载图像并将其转换为位图

CSS 不会覆盖表示性 SVG 属性

使用高分辨率 SVG 图像生成 PDF(需要建议!)

javascript - 使用 JavaScript 更改所有未单击圆圈的 SVG 圆圈的 CSS 属性