2012-08-16 140 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進行操作,而不是。如果您需要進行更高級的操作,請深入畫布元素。