imgcook(图像大厨)初体验,图片转前端代码。前端把自己搞失业了!

imgcook是什么?简单的说,就是可以把设计稿和图片转成前端代码。你或许会说,这个很多年前就有了啊,而且很不好用。但是!这个是由阿里巴巴推出的,所以规范程度应该会很高。
如果永久免费的话,我相信初中级的前端开发都要失业,或许部分设计师也要失业,因为现在是设计师做设计稿→前端,前端写页面→对接后端。而以后可以老板自己用PS设计页面(PS很好学)→后端。
imgcook链接 右上角先登录。
直接上图片转代码,其它俩个还要下载,就很麻烦了。
在这里插入图片描述
弹出一个体验版
在这里插入图片描述
需要等待
在这里插入图片描述
生成
在这里插入图片描述
保存
在这里插入图片描述
创建项目
在这里插入图片描述
导出
在这里插入图片描述
看看浏览器默认下载地址,看看下载到哪了
解压压缩包,浏览器打开index.html
在这里插入图片描述
爽!
然后我们用网上找的移动端设计图来试试吧。
在这里插入图片描述
简直太棒了
在这里插入图片描述
这还是响应式的
在这里插入图片描述
文档 同样有js事件的操作,但略感复杂就不尝试了,感兴趣的话可以自己试试。
总的来说不完美(有可能图像本身不是原图,清晰度导致的),但是需要调整的地方不多,对于我这种前端渣渣来说已经相当好了。

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值