【发布时间】：2016-06-27 20:30:44
【问题描述】：
我想为平面图制作一个漂亮的视觉效果，但我没有找到任何 Javascript/jQuery 库来帮助我实现这一目标。我有一个输入，它是一个包含 0 或 1 的文本文件（以 10x10 矩阵为例），1 代表一堵墙。我读取输入并将其放入 2D 矩阵中。然后，我创建了一个 HTML 表格（10x10 表格），其中每个单元格要么被着色以表示一堵墙，要么留空（不是墙）。这不会产生良好的视觉效果，而是看起来像盒装的彩色。有没有更好的方法可以实现这一目标？
我已经看过这个问题以及更多内容。
How to create floor plans that work nice with mobile and desktop browsers?
我还查看了 D3 库，但它需要您上传平面图的基本图像。有没有更好的方法可以做到这一点？
【问题讨论】：
-
你试过用画布吗？
-
@TomásAntunes 我试过使用画布，但网格太小了。我需要根据输入将其设置为 10x10 或一些示例大小。我还使用 pathingfinding.js 库使用 2D 矩阵查找从一个点到另一个点的路径。它只是不能很好地在画布中显示。我不确定我是否做错了什么。
标签： javascript jquery html angularjs d3.js