作者:mobiledu2502876193 | 来源:互联网 | 2023-05-26 12:26
有一张2M的SVG图片室内平面地图,需要进行拖拽、放大操作采用过的方案:1,纯svg嵌入html,利用transform属性,结果拖拽卡顿(这种方案的确是没有加will-change以及开启硬件加速,
有一张2M的SVG图片室内平面地图,需要进行拖拽、放大操作
采用过的方案:
1,纯svg嵌入html,利用transform属性,结果拖拽卡顿
(这种方案的确是没有加will-change以及开启硬件加速,简直愚蠢hh)
2,canvas+svg,利用drawImage,结果绘制太慢(实时绘制,火焰图里面看到drawImage调用时间最长)
3,svg直接作为img的src,结果CPU占用过高,浏览器卡死
这几个方案中是否有可以优化的点或者其它方案?