Javascript 绘图区域'；HTML5画布上的s

我有一个要求，我必须在HTML5画布上绘制区域，使用圆形、矩形、多边形工具绘制区域（这是配置的一部分，即仅定义区域的形状）。稍后在仪表板（可以查看配置的区域）中，我想显示区域内的小子区域（通过代码动态显示），子区域的数量不会固定（但子区域的大小是固定的，假设为20 X 20）。我希望此子区域的绘制方式使其尽可能适合其所在区域，并且不会超出区域。请任何人告诉我最有效的方法。请参阅附件。

您需要使用jquery或javascript图像地图编辑器工具来完成此操作

看一看。

您需要一种“装箱”算法，该算法试图将形状适应容器路径

箱子包装解决方案根据待装元件的形状和容器的形状而有所不同

以下是一个让您开始的链接：

您的“将矩形打包成圆形”和“将矩形打包成矩形”已经很好地解决了

---

您的“非主路径中的打包矩形”可能必须通过将路径划分为子容器来使用非最佳方式来解决。这种解决方案的数学很可怕，会让数学专家熬夜。

谢谢你，阿米特，但这不是我想要的。我必须将较小的图像放在绘制的区域中。