图表或动画渲染不出来
图表位置为什么会出现一个空框,以及交互元素该怎么处理。
最后更新
该有图表的地方是个空框
图表是由脚本画进 canvas 元素里的。如果页面在没有重新执行那段脚本的情况下被重新渲染 — 刷新之后、切换版本之后,或者保存之后 — 元素还在,但画上去的东西没了,于是你看到一个空框。
可以试什么
- 重新加载项目。 常常就够了。
- 让它在那个页面上把图表重建一遍。
- 如果它在设计稿里只需要看起来对,那就要一个静态图表:“把这个图表换成静态 SVG 版本。” 静态图表能经受住每一次保存和导出,对于交付设计稿来说,这通常正是你想要的。
动画不播放
同一个根本原因。设计是以标记形式存储的,而那些依赖脚本在恰当时机执行的行为,不一定能在一来一回中存活下来。凡是动效偏重的东西,请在这里设计静态画面,导出之后再实现动效。
导出之后
导出的代码里装的是页面上当时有的东西。如果图表在画布上就是空的,那它在导出结果里也是空的。要么导出前先修好,要么在你自己的代码库里接上真正的图表库 — 反正等它要显示真实数据时,你迟早也得这么做。
报告这个问题
如果某个特定页面上的图表稳定地是空白的,请带上项目链接和页面名称联系支持。
这篇文章有帮助吗?