类更新不将背景加载到SVG中

时间:2016-11-21 13:44:15

标签: javascript android canvas svg

我有一个专为Android设计的Ionic App。 在应用程序上,有一张"卡"比如用户通过侧边菜单选项(选择)应用自定义背景图像的内容。

这些选项会更改容器上的某些类,因此它会根据类接收不同的背景图像。

自定义后,用户按下"创建"按钮将卡呈现为SVG,然后呈现给Canvas,这样我就可以检索dataURL图像以共享或保存在手机上。

我使用插件dom-to-image来渲染卡片。

但是,在课程发生变化后,渲染的内容不会收到背景信息。

我注意到如果我给予更多"时间" 更改后但按下按钮之前。它渲染得当。所以我在调用渲染之前放了一个setTimeout,但是没有确切的时间计数,背景图像仍然没有出现。

你们可以开导我吗?该更新类过程是否存在干扰SVG到Canvas内容的任何问题?

我使用的是插件而不是我自己的原始代码,因为内容有嵌入字体,css样式和其他stuf。除背景图片外,一切都正常渲染......

问题只发生在手机上。 Thx提前!

1 个答案:

答案 0 :(得分:0)

我发现这是因为插件在“时间”内没有注册内容更新。

angular指令,css类等太“慢”了。 最好的方法是将功能背景图像更改为带有src属性的img。

当你必须更新内容时,只需更新img src属性并vo!