为什么谷歌地图使用画布进行距离测量,而不是SVG
Why does google map use Canvas to make distance measurement not SVG?
我使用chrome调试工具来比较谷歌地图和其他地图。我发现距离测量功能,谷歌地图使用画布来绘制路径和其他一些使用SVG。我想这可能是因为画布更快。但是SVG在绘制路径方面有很多优点。还有其他原因吗?
每个SVG元素都是一个DOM元素,与Canvas相比,拥有10,000多个SVG路径会导致大量减速。所以一种可能性是它的性能。
但最初Android不支持SVG。这可能是谷歌选择使用Canvas的真正原因。
今天,Tablet Android(3.0+)支持SVG,但1.0-2.3不支持。
相关文章:
- D3在一个调用中绘制不同的SVG形状,没有可见性
- 如何使用javascript从主svg对象动态创建svg视图框
- 如何更改<svg>标记为<img>用js标记
- 锚点元素不't使用svg时,请打开EDGE上的href
- 带有填充属性的SVG矩形显示在包含元素的上方插入框阴影
- 使用onclick绘制SVG路径
- SVG/JavaScript:尝试选择和更改多边形点
- 顺时针旋转Svg元件
- 禁用SVG拖动
- 在select元素中显示highchart dashstyle(svg)
- 在D3.js中,有没有任何方法可以将x和y方向上的滚动事件绑定到平移svg
- 缩放Raphael/SVG容器以适应所有内容
- JavaScript-动态SVG-onload属性-未触发事件
- 设置动画时,SVG/Raphael大圆圈会变形
- 使用SVG和JavaScript创建波浪动画
- Canvas+svg路径动画,在路径中的特定点暂停一段时间,然后继续
- Potree/Three.js测量问题
- 是否可以更准确地测量SVG文本高度
- 为什么谷歌地图使用画布进行距离测量,而不是SVG
- 为什么Firefox不测量这个SVG路径的长度