Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 可重新排列图像的网格_Javascript_Html_Image_Canvas - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript 可重新排列图像的网格

Javascript 可重新排列图像的网格

javascript html image canvas

Javascript 可重新排列图像的网格,javascript,html,image,canvas,Javascript,Html,Image,Canvas,可能已经有一个与此相关的问题，但我不知道从哪里开始寻找答案 我有许多图像（用户将其拖到HTML5放置区域），我想将它们排列成网格格式。我已经让降落区按照我想要的方式工作了 问题是，我需要用户能够重新排列它们，同时仍然将它们保持在网格形式中。我更喜欢通过拖放来重新排列图像 并非所有的孔都会一直被填满。我需要知道图像的顺序，以便我可以使用该信息将图像绘制到画布上，以便提供一个要导出的图像（这适用于简单的tileset编辑器，如css sprite）。所有图像的大小都相同 我不想使用JQuery 有谁

可能已经有一个与此相关的问题，但我不知道从哪里开始寻找答案

我有许多图像（用户将其拖到HTML5放置区域），我想将它们排列成网格格式。我已经让降落区按照我想要的方式工作了

问题是，我需要用户能够重新排列它们，同时仍然将它们保持在网格形式中。我更喜欢通过拖放来重新排列图像

并非所有的孔都会一直被填满。我需要知道图像的顺序，以便我可以使用该信息将图像绘制到画布上，以便提供一个要导出的图像（这适用于简单的tileset编辑器，如css sprite）。所有图像的大小都相同

我不想使用JQuery

有谁知道一个好的图书馆会有帮助吗

提前谢谢你。

如果你让它们浮动，它们不会做你想做的吗？@mplugyan这是个好主意！我怎样才能让你能够拖动它们呢？嗯，如果拖动到层次结构中较低的一个div上，我会使用碰撞检测和交换位置。除了jQuery for，我不知道其他框架that@mplugjan哦，天哪，如果我能帮上忙的话，我不想使用jQuery