时间戳

首页 > 解决方案 > 我如何让一堆正方形看起来像克罗地亚的边界？

javascript - 我如何让一堆正方形看起来像克罗地亚的边界？

问题描述

我决定使用 SVG 来生成我需要的正方形和图像。SVG 很灵活，应该适合我。

我不知道如何生成适合克罗地亚边界的正方形。我想要的最终结果可以在（见下图）中看到。

图片 ：

克罗地亚地图

生成一些矩形的正方形非常容易。由于克罗地亚的边界不是矩形的，我唯一想到的就是手动完成，但这并不灵活。如果我想创建更大或更小的正方形只是为了测试它并将它们放在边界内怎么办。

标签： javascripthtmlsvgimagemap

解决方案

像这样手动实现低级图形基元通常是错误的。处理波浪或嵌套的边界和边缘条件是吸引错误的代码。

我建议创建一个小的 HTML ，在其上使用原语和canvas绘制克罗地亚，然后使用. 每个全黑像素对应于您要绘制的正方形。（调整画布大小以确保这一点。）pathfillgetImageData

（或者，如果您只是想要美观，请使用 SVG 图案填充。这样工作量会减少。）

推荐阅读