imgcook(圖像大廚)初體驗,圖片轉前端代碼。前端把自己搞失業了!

imgcook是什麼?簡單的說,就是可以把設計稿和圖片轉成前端代碼。你或許會說,這個很多年前就有了啊,而且很不好用。但是!這個是由阿里巴巴推出的,所以規範程度應該會很高。
如果永久免費的話,我相信初中級的前端開發都要失業,或許部分設計師也要失業,因爲現在是設計師做設計稿→前端,前端寫頁面→對接後端。而以後可以老闆自己用PS設計頁面(PS很好學)→後端。
imgcook鏈接 右上角先登錄。
直接上圖片轉代碼,其它倆個還要下載,就很麻煩了。
在這裏插入圖片描述
彈出一個體驗版
在這裏插入圖片描述
需要等待
在這裏插入圖片描述
生成
在這裏插入圖片描述
保存
在這裏插入圖片描述
創建項目
在這裏插入圖片描述
導出
在這裏插入圖片描述
看看瀏覽器默認下載地址,看看下載到哪了
解壓壓縮包,瀏覽器打開index.html
在這裏插入圖片描述
爽!
然後我們用網上找的移動端設計圖來試試吧。
在這裏插入圖片描述
簡直太棒了
在這裏插入圖片描述
這還是響應式的
在這裏插入圖片描述
文檔 同樣有js事件的操作,但略感複雜就不嘗試了,感興趣的話可以自己試試。
總的來說不完美(有可能圖像本身不是原圖,清晰度導致的),但是需要調整的地方不多,對於我這種前端渣渣來說已經相當好了。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章