Question

两天前，我打开了一个问题（here），用d3快速绘制了很多元素（50k）。有了这个，我发现d3对我的需求来说太慢了，需要完全不同的东西或其他方法。

要绘制的数据与Canvas的速度提高了大约15倍，我看到了this。因此，似乎可以将d3移动到Canvas。但我不知道如何重写我的代码以使用Canvas。

<table style="width:100%">
  <tr>
  <th> Venue </th>
   <th> Style </th>
   <th> Availability </th>
	<th> Location </th>
	</tr>
	<tr>
	<td>In Room Dining </td>
<td>Full Menus </td>
<td> No Wait </td> 
<td> </td>
</tr>
 </table>

如何将其更改为Canvas Usage？是否有任何教程描述如何做到这一点？或者其他图书馆更适合这种用途？

Answer 1

这是一个很好的例子，使用带有D3的Canvas绘图在Open Layers地图上显示叠加。对于大量对象，与SVG相比，Canvas显示出更好的性能。测试了500000行

https://openlayers.org/en/latest/examples/d3.html

将d3.js SVG移植到HTML5 Canvas？

1 个答案: