reactjs - React SVG 渲染优化
问题描述
我用react-simple-maps制作了一张地球地图,尽我所能优化渲染,但复杂的 json 仍然很慢。
重现步骤
- 拖动/缩放地球,检查性能
- 将顶部无线电输入更改为区域(更复杂的 json)
- 拖动/缩放地球(如果可以的话)
如何避免“屏幕外渲染”?
有没有办法在拖动地球时提高渲染性能?
我最后一次尝试:
export function useCameraCenterDistance() {
const {
center: [x, y],
} = useCameraContext()
return useCallback(
(point: Coord) => {
const distance = getDistance([x, y], point)
return reflect(distance, 180)
},
[x, y]
)
}
解决方案
推荐阅读
- c# - Sphinx 搜索引擎 + .Net:如何通过 C# 连接到 Sphinx?
- swift - 两个日期之间没有毫秒差异
- vba - VBA发送带有特定列的电子邮件
- angular - AngularFireAuth signInWithPopup 后角度变化检测不起作用
- python - 即使存在不同深浅的蓝色,如何将水的蓝色转换成另一种蓝色?
- sql - ORDER BY 子句在视图、内联函数、派生表、子查询等中无效,除非还指定了 TOP 或 FOR XML
- matlab - 如何在 matlab 中使用 ANN 进行预测?
- python - 有没有更好的方法来做“复杂”的列表理解?
- ruby-on-rails - 我的表单(form_for)第一次只保存在我的 current_user 下。其余的未附加到 current_user 但它们正在持续存在
- android-studio - Android Studio 随机抛出异常