imgcook（图像大厨）初体验，图片转前端代码。前端把自己搞失业了！

imgcook是什么？简单的说，就是可以把设计稿和图片转成前端代码。你或许会说，这个很多年前就有了啊，而且很不好用。但是！这个是由阿里巴巴推出的，所以规范程度应该会很高。
如果永久免费的话，我相信初中级的前端开发都要失业，或许部分设计师也要失业，因为现在是设计师做设计稿→前端，前端写页面→对接后端。而以后可以老板自己用PS设计页面（PS很好学）→后端。
imgcook链接右上角先登录。
直接上图片转代码，其它俩个还要下载，就很麻烦了。

弹出一个体验版

需要等待

生成

保存

创建项目

导出

看看浏览器默认下载地址，看看下载到哪了
解压压缩包，浏览器打开index.html

爽！
然后我们用网上找的移动端设计图来试试吧。

简直太棒了

这还是响应式的

文档同样有js事件的操作，但略感复杂就不尝试了，感兴趣的话可以自己试试。
总的来说不完美（有可能图像本身不是原图，清晰度导致的），但是需要调整的地方不多，对于我这种前端渣渣来说已经相当好了。

imgcook（图像大厨）初体验，图片转前端代码。前端把自己搞失业了！相关推荐

Swift与C++混编 OpenCV初体验图片打码～
OpenCV初体验,给图片打码提到OpenCV,相信大多数人都听说过,应用领域非常广泛,使用C++开发,天生具有跨平台的优势,我们学习一次,就可以在各个平台使用,这个还是很具有诱惑力的. 本文主要记 ...
深度探索Hyperledger技术与应用之超级账本初体验（附部署代码）
2019独角兽企业重金招聘Python工程师标准>>> 本章零基础地介绍了如何快速体验超级账本搭建的区块链网络,我们先绕过了比较复杂的初始化配置,用官方提供的fabric-sampl ...
1.TypeScript入门之TS初体验（运行TS代码）
Ⅰ.TypeScript介绍 1.1 TypeScript是什么 TypeScript(简称TS)是JavaScript的超集(JS有的TS都有). TypeScript = Type + JavaS ...
大数据初体验——基于地图可视化分析新浪新闻评论地域分布特点
**概述:**本文带领大家初次体验大数据处理的一些经过,从从灵感的迸发,信息的获取,数据的处理,到地图可视化,各方面都进行了抛砖引玉的论述,对于部分技术细节也做了些许探讨,希望能和大家一起捅破大数据处 ...
canvas初体验-图片上画方框
开发环境:ionic + typeScript 需求:手机拍车牌号照片传至后端,后端返回对应车辆信息以及车牌号在图片位置,前端用方框框出来. 先看一下后端返回格式: [{rect: [11, 22, ...
avue-data可视化大屏初体验
介绍首先介绍下Avue-data数据大屏,Avue-data数据大屏是基本vue.Element-UI.dataV开发的组件库.并且可以任意切换图表组件,而且不受度量的闲置.相应的代码的分前端和后端 ...
微信小程序富文本编辑器editor初体验-图片上传
https://developers.weixin.qq.com/miniprogram/dev/component/editor.html 以前没有小程序富文本编辑器,只能输入文字,图片上传后,在服 ...
cGAN/cDCGAN，MNIST数据集初体验(内含原理，代码)
生成式对抗网络(Generative Adversarial Networks, GAN),简称GAN网络.有人说这是21世纪最让人激动的"发明",虽然我忘了我是从哪看到的这句话 ...
【Python】爬虫初体验，40行代码爬取双色球2003年至今的开奖号码
爬虫爬取的双色球开奖号码按我目前的理解,爬虫的工作原理大致是: 获取目标网页,在网页(html文件)中筛选目标数据,最后把数据导出利用爬虫爬取数据看似很"高深莫测",只需几分钟 ...

imgcook（图像大厨）初体验，图片转前端代码。前端把自己搞失业了！

imgcook（图像大厨）初体验，图片转前端代码。前端把自己搞失业了！相关推荐

最新文章

热门文章