Javascript 基于Web的PSD文件绘制编辑器

这是一个场景。我正在从事一个项目，我的任务是在HTML上设计一个类似绘画的界面，这个绘画界面将允许用户绘制预定义的“帽子”。是的，人们戴的帽子。现在有一些变化。要求是：-

1） 帽子必须是预定义的图像。即用户不能绘制帽子。他必须从菜单中选择帽子

2） 必须有用户从菜单中选择的预定义“条纹”。选择条纹后，该条纹将应用于现有帽子。现在，这些条纹样式独特，将赋予帽子独特的外观

3） 允许用户从菜单中选择一种颜色，并将其应用于条纹或帽子上。请参阅，帽子和条纹将像Photoshop PSD文件一样分层。因此，分层图像（条纹、帽子）不能叠加在其他图像上

4） 允许用户删除条纹或编辑条纹颜色或编辑帽子颜色

---

就是这样。这些是限制。现在，我知道编辑器将在FLASH上制作。但我不知道如何开始创建这个东西。是否有一个开源的网络图像编辑器，可用于播放PSD文件？？？有什么想法吗

所有PSD工作都必须在服务器端处理。如果您正在导入PSD文件，则很可能需要实例化Photoshop的副本（我相信您可以使用COM访问它），或者GIMP来导出每个层的PNG

---

客户端，我不会为Flash而烦恼。您应该能够处理常规DOM中的图像层，并使用jQuery之类的工具进行操作。如果您需要进行更高级的操作，请深入研究canvas元素。

这个问题过于宽泛，不是一个编码问题，应该关闭。您可以使用HTML/Javascript中的canvas对象来完成此操作-如果web是交付方法，这可能是您的最佳选择。我建议你在网上搜索一下，因为HTML5和Flash都有很多关于制作这类东西的教程，不要太在意使用PSD文件，否则你会撞到墙的。使用canvas元素并在每次发生更改时刷新它。每个“层”都将是一个变量，引用画布元素，无论它是源图像（hat）、条带还是其他元素。每次添加或删除元素时，您都可以使用或不使用这些元素重新绘制画布。仍在谷歌上搜索教程或任何可以让我开始编辑web绘画的内容。有人能给我提供链接吗？