Javascript svg中png/base64格式的图像未在Safari中显示_Javascript_Image_Svg_Safari_Blockly

Javascript svg中png/base64格式的图像未在Safari中显示

javascript image svg safari

Javascript svg中png/base64格式的图像未在Safari中显示,javascript,image,svg,safari,blockly,Javascript,Image,Svg,Safari,Blockly,我在svg中嵌入了一个图像，并尝试在Safari中绘制它。虽然它在Firefox中运行良好，但在Safari中不会显示该图像。代码很简单，如下所示。现在奇怪的是，当我把这段代码放到一个在线测试站点（）中时，它在Safari中运行良好。。。但是无论我把代码放在我的网页上的什么地方，它都不起作用？？？可能是与页面其他部分的交互不好，无法确定在哪里如果有人提出建议，我们非常欢迎顺便说一下，我正在尝试将Blockly用于一个项目，这个图像是生成的，并包含在Blockly SVG中。我几乎成功地将

我在svg中嵌入了一个图像，并尝试在Safari中绘制它。虽然它在Firefox中运行良好，但在Safari中不会显示该图像。代码很简单，如下所示。现在奇怪的是，当我把这段代码放到一个在线测试站点（）中时，它在Safari中运行良好。。。但是无论我把代码放在我的网页上的什么地方，它都不起作用？？？可能是与页面其他部分的交互不好，无法确定在哪里

如果有人提出建议，我们非常欢迎

顺便说一下，我正在尝试将Blockly用于一个项目，这个图像是生成的，并包含在Blockly SVG中。我几乎成功地将一位编辑纳入了一个大集团

达米尔

它在Chrome中也不起作用

问题是base64编码错误。删除数据URI末尾的两个等号：

它在Chrome中也不起作用

问题是base64编码错误。删除数据URI末尾的两个等号：

谢谢你的建议，但我添加了两个=符号，以确保base64字符数可以被4整除（听说这在Safari中是个问题）。事实上，如果我删除它们也不起作用，至少在我的配置中是这样。@user3047221=符号不应该在那里，2050不能被4整除。事实上，问题是我没有使用setAttribute和其他JS函数的命名空间版本。解决了，谢谢您的关注。谢谢您的建议，但我添加了两个=符号以确保base64字符数可以被4整除（听说这在Safari中是个问题）。事实上，如果我删除它们也不起作用，至少在我的配置中是这样。@user3047221=符号不应该在那里，2050不能被4整除。事实上，问题是我没有使用setAttribute和其他JS函数的命名空间版本。解决了，谢谢你的关注。

<svg xmlns="http://www.w3.org/2000/svg" xmlns:html="http://www.w3.org/1999/xhtml" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="250px" height="50px">
   <image width="200px" height="40px" xlink:href="data:image/png;base64,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">
   </image>
</svg>