我有一个专为Android设计的Ionic App。 在应用程序上,有一张"卡"比如用户通过侧边菜单选项(选择)应用自定义背景图像的内容。
这些选项会更改容器上的某些类,因此它会根据类接收不同的背景图像。
自定义后,用户按下"创建"按钮将卡呈现为SVG,然后呈现给Canvas,这样我就可以检索dataURL图像以共享或保存在手机上。
我使用插件dom-to-image来渲染卡片。
但是,在课程发生变化后,渲染的内容不会收到背景信息。
我注意到如果我给予更多"时间" 更改后但按下按钮之前。它渲染得当。所以我在调用渲染之前放了一个setTimeout,但是没有确切的时间计数,背景图像仍然没有出现。
你们可以开导我吗?该更新类过程是否存在干扰SVG到Canvas内容的任何问题?我使用的是插件而不是我自己的原始代码,因为内容有嵌入字体,css样式和其他stuf。除背景图片外,一切都正常渲染......
问题只发生在手机上。 Thx提前!
答案 0 :(得分:0)
我发现这是因为插件在“时间”内没有注册内容更新。
angular指令,css类等太“慢”了。 最好的方法是将功能背景图像更改为带有src属性的img。
当你必须更新内容时,只需更新img src属性并vo!