首页 > 解决方案 > 如何使用 Flask 将图像渲染到 HTML 页面中

问题描述

我正在创建一个 Web 应用程序,我想将一个小图像渲染到 HTML 表格中,并能够在表格单元格中移动它。我在我的项目中使用 Python、JavaScript、HTML 和 CSS。

这是想法,但我希望对象在单元格内移动: 这是想法,但我希望对象在单元格内移动

标签: javascriptpythonhtmlpython-3.xflask

解决方案


在 JavaScript 中,您可以定义所谓的事件侦听器。

这基本上意味着元素,例如您的图像,正在等待某些事情发生 - 例如当它被拖动时。这将是一个drag事件。

然后,当您将鼠标移动到另一个单元格并放下图像时,这将是一个drop事件。

请查看文档,甚至还有一个完整的示例。

https://developer.mozilla.org/en-US/docs/Web/API/Document/drag_event


推荐阅读