将正方形图像划分为网页中N个相等的矩形[关闭]答案

【问题标题】：Divide square image to N number of equal rectangles in a webpage [closed]将正方形图像划分为网页中N个相等的矩形[关闭]
【发布时间】：2016-09-05 22:38:37
【问题描述】：

我有一个带有方形图像的网页，我想将此图像分成 n 个大小相等的部分，其中 n 由用户在单击时定义在带有数字的按钮上。

例如：

Button with number 5 ----> Divides the square image to 5 equal parts

Button with number 4 ----> Divides the square image to 4 equal parts

等等。

我希望这些部分可以点击并引导我进入另一个页面。我什至不知道我应该使用什么。

有什么建议吗？一些算法或者一些我不知道的东西……希望你能帮助我！

干杯！ :)

【问题讨论】：

“5 等份”究竟是什么意思？比如，如果你有一张方形纸，我让你用剪刀把它剪成 5 等份，你会怎么做？
@Pointy 我会尝试将其切割成某种矩形，但我认为三角形也可以完成工作..
请查看此帖子：stackoverflow.com/questions/30571131/…
I don't even know what should I use - javascript
如何确定你想要的矩形？例如，如果您取 12 个相等的单元格，您可以在 3*4 或 2*6 或 1*12 部分中切割正方形。算法应该选择哪一个，为什么？

标签： javascript html image algorithm web

【解决方案1】：

我通过制作一个 4x4 的正方形并将其分成等于 1x1 的正方形来解决这个问题。然后只选择 N 个图块。

我希望这对某人有所帮助。

Here is demo:

http://jsfiddle.net/ivanivanov/HmpGx/149/

【讨论】：