前端福利!这项黑科技直接从图片生成代码

相信前端同学在被频繁变化的UI设计折磨的时候,当你揪着头发不停微调想让界面看起来与设计图一致的时候,你们一定有过直接从图片生成代码的美好设想。现在,这样的黑科技终于出现了!

一个名叫pix2code的项目,就是通过经训练的深度神经网络,从截图直接生成 UI 代码。

pix2code 是由一家名为UIzard的哥本哈根创业公司开发的,神经网络现在可以保证约77%的代码正确,但随着数据的增多,准确率应该越来越高。

UIzard的开发者和创始人Tony Beltramelli在研究论文中写道:“我们推断,以这种方式使用的深度学习最终可能会终止手动编程[图形用户界面(GUI)的需要。”

可以说,随着大量的软件被取代,这一创新至少可以允许一些人在更酷的领域进行工作。在研究论文中,Beltramelli表示,它解放了开发人员,使能够专注于他们正在构建的实际功能,而不是摆弄几个小时的用户界面。

Pix2Code中的神经网络是一种卷积神经网络,一种能够同时以许多不同尺度观看图像的网络。这允许网络通过检查用户界面和底层代码来学习,从而查看每行代码对设计的每个元素的影响。

为了促进未来的研究,Pix2Code的数据集和代码将在今年晚些时候开源。Beltramelli表示,系统会在抓取网页以建立一个截图和HTML / CSS代码的数据库方面,越来越准确。 一旦实现的话,不久后,你就可以绘制你的网站,并让神经网络直接生成它。

本文来自开源中国社区 [http://www.oschina.net]

上一篇:Kubernetes容器运行时接口-CRI


下一篇:asp.net常用javascript封装代码