imgcook(图像大厨)初体验,图片转前端代码。前端把自己搞失业了!
生活随笔
收集整理的這篇文章主要介紹了
imgcook(图像大厨)初体验,图片转前端代码。前端把自己搞失业了!
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
imgcook是什么?簡單的說,就是可以把設計稿和圖片轉成前端代碼。你或許會說,這個很多年前就有了啊,而且很不好用。但是!這個是由阿里巴巴推出的,所以規范程度應該會很高。
如果永久免費的話,我相信初中級的前端開發都要失業,或許部分設計師也要失業,因為現在是設計師做設計稿→前端,前端寫頁面→對接后端。而以后可以老板自己用PS設計頁面(PS很好學)→后端。
imgcook鏈接 右上角先登錄。
直接上圖片轉代碼,其它倆個還要下載,就很麻煩了。
彈出一個體驗版
需要等待
生成
保存
創建項目
導出
看看瀏覽器默認下載地址,看看下載到哪了
解壓壓縮包,瀏覽器打開index.html
爽!
然后我們用網上找的移動端設計圖來試試吧。
簡直太棒了
這還是響應式的
文檔 同樣有js事件的操作,但略感復雜就不嘗試了,感興趣的話可以自己試試。
總的來說不完美(有可能圖像本身不是原圖,清晰度導致的),但是需要調整的地方不多,對于我這種前端渣渣來說已經相當好了。
總結
以上是生活随笔為你收集整理的imgcook(图像大厨)初体验,图片转前端代码。前端把自己搞失业了!的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: JS每日笔记
- 下一篇: html邮件设计公司,教你设计HTML邮