Javascript 使用JS和canvas创建网站生成器

我目前正在创建一个网站生成器，用户可以将元素拖放到页面上，调整元素大小和修改颜色等

我想知道它是否可以通过HTML5画布来完成，这样事件就可以被拖动等等，然后当用户对画布中的这个视图感到满意时，我就可以以某种方式将这个画布图形转换为HTML和CSS。这可能吗

---

如果是，怎么做？有人能给我举个例子吗？或者有更好的方法吗？

一般来说，当你发现应用程序可以为线框之类的东西实现这一点时，它们不会生成非常有用的HTML。但不确定您的确切意图：

1使用画布： 查看如何向绘制到画布上的元素添加事件、调整大小和移动元素。不过，将画布转换为html并不是一件容易的事情，事实上，我想你最终会得到第2点

2使用纯html/css/js： 您可以向每个元素添加position:absolute，这样可以拖动所有元素，您可以指定z-index来指定它是显示在另一个元素的上方还是下方。您可以很容易地复制HTML，因为它只是复制当前源代码。然而，如果这被认为是一种生成体面html的方法，有人会在他们的网站上实际使用它，而不仅仅是作为线框/模型，那么这种方法就不太好了

---

我无法想象有哪种情况下，你可以使用一个设计师来制作可维护且整洁的HTML。

一般来说，当你发现应用程序可以为线框之类的东西制作HTML时，它们不会生成非常有用的HTML。但不确定您的确切意图：

1使用画布： 查看如何向绘制到画布上的元素添加事件、调整大小和移动元素。不过，将画布转换为html并不是一件容易的事情，事实上，我想你最终会得到第2点

2使用纯html/css/js： 您可以向每个元素添加position:absolute，这样可以拖动所有元素，您可以指定z-index来指定它是显示在另一个元素的上方还是下方。您可以很容易地复制HTML，因为它只是复制当前源代码。然而，如果这被认为是一种生成体面html的方法，有人会在他们的网站上实际使用它，而不仅仅是作为线框/模型，那么这种方法就不太好了

我无法想象有哪种情况下，你可以使用一个设计师来制作可维护且整洁的HTML。

我的项目在某种程度上满足了你的需要

我的项目的源代码位于

主分支是当前工作代码。我目前正在重新编写项目，以使代码更易于理解，调试一些元素，并使动画构建更容易。新的开发在stage1分支上，但还不能在线运行，您必须复制代码才能运行它。欢迎您使用代码或分叉项目。

我的项目在某种程度上实现了您的愿望

我的项目的源代码位于

---

主分支是当前工作代码。我目前正在重新编写项目，以使代码更易于理解，调试一些元素，并使动画构建更容易。新的开发在stage1分支上，但还不能在线运行，您必须复制代码才能运行它。欢迎您使用该代码或参与该项目。

Hell，现在您可以创建一个带有声音和动画的3D网站生成器。听起来也很有趣。也许不值得（尽管很有趣！见鬼，现在你可以用声音和动画创建一个3D网站生成器。听起来也很有趣。也许不值得（尽管很有趣！我同意canvas不是最佳/最简单的解决方案。您可能希望对可拖动的内容使用jQuery UI。我同意canvas不是最佳/最简单的解决方案。您可能希望对可拖动的内容使用jQuery UI。