Question

在一个相当简单的表中，我根据一些json反馈动态填充行。问题是当我使用png文件时，似乎什么都没有问题，但是当我使用svg图像时，它们似乎是透明的。当我在浏览器中打开这些图像时，它们就很好了。要明确的是，这是一个使用cordova 9在S8版本上运行的android应用

我在网上寻找解决方案（stackoverflow，cordova），但似乎没有定论。给出的示例/答案已尝试过，但并未解决。控制台检查器（chrome）没有报告任何丢失的文件或脚本错误

html / javascript调用功能

var imgNode = document.getElementById('fractieimg');
if (imgNode != null) {
imgNode.setAttribute("src", "img/" + getStroomImage(fractie.stromen));
        }

结果HTML

<li class="fractierow" id="frow" onclick="selectFractie('REST');">
     <div class="fractieimg">
     <img width="35" id="fractieimg" src="img/svg/cal_rest.svg"></div>
     <div class="fractienaam" id="fractienaam">REST</div>
     <img class="fractienext" id="next" width="13" src="img/icon_next_groen.png"></li>

javascript

function getStroomImage(stroom) {
if (stroom == "REST") return "svg/cal_rest.svg";    }

我希望图像cal_rest.svg出现在该行的起始行。但是只有文本“ REST”出现，而icon_next_groen.png出现

Answer 1

Android不支持SVG，请尝试将其转换为XML资产。

您可以尝试在此处Asset studio将其收敛

或使用内置的Android Studio工具。

另一种选择是在后端进行对话并返回.png

SVG图像未显示在简单的android cordova表中

1 个答案: