为 Web 应用程序创建图像工具栏

Create toolbar of images for web app

本文关键字：图像 工具栏 创建 应用程序 Web      更新时间：2023-09-26

我正在构建一个非常基本的在线应用程序，您可以在其中从工具栏（或某种存储框，因为最终会有相当多的图像）中获取图像并将它们拖放到画布上。我是 Web 开发的新手，但我知道如何进行拖放，我只是在寻找一种制作工具栏并将图像放入其中的方法。理想情况下，我想要一个带有滚动条的框。

这似乎应该是一个非常简单的问题。任何帮助将不胜感激！

我最终发现的最简单方法是使用 

overflow: scroll;

在包含图像的 CSSdiv 中。

以下是在

HTML5中使用拖放的一个非常好和简单的演示：

http://html5demos.com/drag

请注意，拖动链接很容易（如本演示所示），但无法拖动IE9中链接内未包含的任何图像。

如果你想要一个完全跨浏览器的解决方案，你必须恢复到旧的解决方案（向下跟踪鼠标，向上移动和设置对象的位置）。

如果你说你知道拖放，只想要一个带有滚动条的框，那么检查这个：http://jqueryui.com/demos/slider/side-scroll.html

相关文章：