Javascript 如何创建联机绘图应用程序

我以前试过问这个问题，但完全失败了。在输入了有用的信息后，我决定离开那个，再试一次

我希望创建一个基于web的应用程序，用户可以从一组预定义的图标中绘制图像。需要能够保存最终图像（编码的jpg/png），还需要保存“当前设置”，以后可以重新加载以进行进一步编辑（“设置”文件？）

我的问题：
解决这个问题的最佳方法是什么？Flash+AS3？HTML5+JS？还有别的吗

为了更好地理解我想要创建的内容，这里有两个屏幕截图说明了我的想法：

• 图纸应用程序（以Flash制作）：

• 最终创建的图片：

---

提前谢谢，我真的希望这次我的问题说得更清楚。

既然你需要建议

• 在一些艺术软件（甚至在线）中绘制图标，并另存为透明PNG

• 查找有关“画布”的HTML5拖放教程。您需要测量拖动对象的位置（鼠标在画布上的位置）及其顺序。拖动函数可以更新

  JSON

  字符串（这将保存项目、类型、位置等条目）

• 查看如何将JSON保存为文本文件，以及如何将文本文件解析为JSON。这将成为“设置文件”

• 要保存图像，最好使用PHP语言代码。PHP必须安装在服务器上（大多数都有，或者可以安装，或者有更好的主机）。有一些教程介绍如何使用“画布快照”中的内容保存图像。

---

IOS和安卓手机浏览器不支持flash，谷歌对使用flash的网站的索引降低了
我会将javascript与HTML5画布一起用于PIXI.JS、CreateJS或PANDA.JS。 这些库使得从精灵创建所需的画布元素（可拖动对象、按钮）和向其添加事件侦听器变得更容易。 以及在画布上绘制图形（线条、形状）
因为你有很多精灵，你可以用TexturePacker将它们打包到精灵表中，以便更快地加载（PIXI在精灵表中工作得很好）
您可以使用phonegap、ionic、crosswalk、cocoonjs等将此网页打包到android/ios（我建议使用ionic+crosswalk webview，它提供了出色的性能）

---

为了保存，我还将使用json文件来保存设置。您可以使用PHP加载并保存它。
我预测一个

“有问题要求我们推荐或查找工具、库或……

Fayah哈哈。。。无论如何，这实际上有可能成为一个好问题。理想情况下，来自经验丰富的编码器的各种提示涵盖了所有角度@BlackFayah，这里的人喜欢把这些问题具体化。正确的答案也应该对未来的访客有所帮助，但在这里，什么才是真正正确的答案？@VC.one哈哈，我也在期待着。但是如果有一个答案能帮助我实现我想要的，它可能就是我的答案，对吗？