Php HTML5内容占位符

我有一个要求，我们可以在下面的链接中看到

打开链接后，请从编辑器左侧选择一个布局，然后画布上将出现一个占位符部分！，我怎样才能达到同样的效果？他们使用的是html还是图像？是否有任何特定的库可以帮助我实现这一点？ 我知道他们正在使用jquery UI droppable将图像拖放到占位符上，但是画布上的布局区域是如何工作的呢

我正在我的项目中使用fabric.js！

---

提前感谢您的帮助，

使用firebug查看编辑器，您可以看到共有4个元素，其中一个是ui可拖放项。

---

有许多扩展默认行为的库aorund，raphaelJS kinetikJs，threeJs；随着一个快速的谷歌搜索链接的出现

那么，到目前为止你尝试了什么？我不知道怎么做！。此外，我必须能够使用fabric js方法将画布内容导出为svg或png。做任何事都不应该影响这一点。