2012-08-16 144 views
-3

这里是scenario.I工作在一个项目,我得到的任务是设计一个类似于HTML的油漆接口,这个油漆接口将允许用户绘制预定义的“帽子“..是人们穿的帽子。现在有一些扭曲。要求是: -基于PSD的文件的基于Web的油漆编辑器

1)帽子必须是预定义的image.ie用户不能画帽子。他必须选择从菜单。

2)必须有预定义的“条纹”,用户从菜单中选择。选择一个条纹后,该条纹将应用于现有的帽子。现在这些条纹是独特的风格,并会给帽子一个独特的外观。

3)允许用户从菜单中选择一种颜色,并将其应用于条纹或帽子上。请参阅帽子和条纹,就像在Photoshop PSD文件中那样分层。因此没有分层图像(条纹,帽子)可以叠加在另一个上。

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

就是这样。这些都是限制条件。现在,我知道编辑器会在FLASH上制作,但我对如何去创建这个东西却一无所知。有没有一个开源的网页图像编辑器可用,将允许玩PSD文件?有任何想法吗??

+1

这个问题过于宽泛,不是一个编码问题,应该关闭。 – 2012-08-16 20:15:19

+1

你可以用HTML/Javascript中的Canvas对象做到这一点 - 如果web是交付方式,可能是最好的选择。我会建议在这个问题上进行一些网络搜索,因为在制作这些东西时,HTML5/Flash都有很多教程。 – BadFeelingAboutThis 2012-08-16 20:17:15

+0

不要太过于使用PSD文件,否则你会碰壁。使用画布元素并在每次更改时刷新它。每个'图层'将是一个引用canvas元素的变量,无论它是源图像(帽子),条纹还是其他。每次添加或删除元素时,只需重新绘制具有或不具有这些元素的画布。 – pdizz 2012-08-16 20:31:22

回答

0

所有的PSD工作都必须在服务器端处理。如果您要导入PSD文件,您很可能需要实例化Photoshop的副本(我相信您可以通过COM访问它),或者GIMP为每个图层导出PNG。

客户端,我不打扰Flash。您应该能够在常规DOM中处理图像层,并使用jQuery进行操作,而不是。如果您需要进行更高级的操作,请深入画布元素。