Feature #2884
web_3.1图元闪烁、置位框、挂摘牌显示方式优化
Start date:
03/15/2023
Due date:
03/17/2023
% Done:
100%
Estimated time:
Defect version:
Description
闪烁框优化：
图元变位闪烁框闪烁方式由之前周期性添加、删除闪烁框元素
改为当图元状态变化首次需要闪烁时，创建并通过<foreignObject>添加闪烁框元素到svg图中，
后续闪烁方式为控制元素显示隐藏属性实现；
置位框、挂摘牌图标优化：
同闪烁框，创建并通过<foreignObject>添加闪烁框元素到svg图中，
当置位取消或摘牌时，从页面删除指定元素。
其他优化：
图元闪烁、置位框、挂摘牌图标，在svg主页进行放大、缩小、还原操作时，大小及位置更新不友好问题优化：
该问题由上述 “通过<foreignObject>添加闪烁框元素到svg图中” 方法解决，该方式可把外部html元素图框嵌入到svg图结构中。
特殊时机切换页面时，闪烁框变换残留，显示在切图后的页面上显示问题优化：该问题主要由切图时，加载图片处理svg页面数据时需要一定时间，
在此期间刷新页面定时器和websocket更新数据与切图加载完成时机不完全一致造成。
通过在触发切图脚本准备加载svg图片时，暂停websocket更新数据，等图片加载完成后再恢复数据更新解决。