如何解决拖拽或者缩放、移动中的组件canvas有残留情况

当我们在做某些需求,如要拖动echarts图表,或者放大缩小

这个时候,有时连续操作,或者在ie或者内存只有8G的电脑上就会出现canvs残留的情况

我们移动的时候,使用的是transform去做的移动,但是这时候里面的canvas不会跟着外部组件变化,还停留在之前的位置

 

解决办法,启用GPU加速,如果不用兼容ie  则直接添加 translateZ(0)

如要兼容IE  则在变化过程中添加样式  transition: none; will-change: transform; 请注意  要在变化过程中添加哦,变化完了再去掉

posted @ 2019-12-24 15:33  大棒子  阅读(1078)  评论(0编辑  收藏  举报