imgplay是一款功能十分強大的圖像智能化代碼生成軟件，該軟件能夠采用了AI智能化技術(shù)方案，從而將圖像信息生成為前端代碼，以此來提升用戶的圖像處理效率，有需要的小伙伴快來下載體驗吧。

【軟件特色】

　　自定義編寫代碼模板

　　實時保證代碼和視覺的高度還原

　　一鍵智能還原與豐富的操作面板

　　支持小程序、React、H5、Weex Rax 等，外部暫時不支持自定義代碼模板。

　　全鏈路采用計算機視覺、深度學(xué)習等智能化手段依次去除對設(shè)計稿的約束，智能生成代碼。

　　高可維護性，DOM 嵌套合理、相對定位布局、文本自適應(yīng)

　　ClassName語義化、循環(huán)可自動識別

　　Imgcook-cli 可將生成的代碼以任意形式一鍵下載到任意目錄，和您的研發(fā)鏈路無縫連接，支持自定義加工

【安裝說明】

　　手動安裝(推薦)

　　如果上述安裝器安裝流程出現(xiàn)異常(比如 Windows 安裝過程卡住時間很久，Mac 10.15 安裝器不可用)，可嘗試按以下步驟手動安裝。

　　1、解壓下載的 zip 文件，根據(jù)各自的系統(tǒng)將解壓后目錄里的 imgcook.photoshop 目錄放置到以下指定目錄。

　　Mac OS: /Library/Application Support/Adobe/CEP/extensions/

　　Windows x64: C:Program Files (x86)Common FilesAdobeCEPextensions, 或者 C:Program FilesCommon FilesAdobeCEPextensions

　　Windows x86: C:Program FilesCommon FilesAdobeCEPextensions

　　2、重啟 PhotoShop 即可在頂部菜單「 Window(窗口) 」-「Extensions(擴展)」 找到 imgcook 插件。

　　自動安裝

　　雙擊 imgcook.photoshop_version.exe 文件，按步驟提示進行安裝，大概耗時幾分鐘。

　　安裝完畢后可重啟 PhotoShop，在頂部菜單 「 Window(窗口) 」- 「Extensions(擴展)」 找到 imgcook 插件。

【常見問題】

　　生成的代碼樣式尺寸不匹配?

　　對于非響應(yīng)式的情況，默認的代碼樣式尺寸是根據(jù)設(shè)計稿實際尺寸出碼的，如果有存在1x、2x 設(shè)計稿情況，可以參考響應(yīng)式處理方式進行處理，比如 750 的設(shè)計稿，想導(dǎo)出 375 的尺寸(需要根據(jù)設(shè)計稿尺寸自己在 DSL 實現(xiàn)里做整除)。

　　為什么有些樣式代碼導(dǎo)出是 vw，有些是 px、rem?

　　這個跟具體的 DSL 實現(xiàn)有關(guān)，實際上三者都可以導(dǎo)出，甚至可以是 less、scss，建議有自定義需求的可以自己在 Github fork DSL 代碼實現(xiàn)。

　　生成的代碼是否支持 less 、scss?

　　通常情況下是可以根據(jù)節(jié)點層級關(guān)系做到命名保護的，可以支持了一個比較簡單的層級樣式代碼生成，但相對來講還是偏靜態(tài)實現(xiàn)，可以參考此實現(xiàn)