前端福利!这项黑科技直接从图片生成代码-阿里云开发者社区

开发者社区> 寒凝雪> 正文

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

简介:
+关注继续查看

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

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

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

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

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

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

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

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

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
代码生成框架Velocity
代码生成框架VelocityVelocity是一个基于Java的模板引擎,用户可以使用模板语言VTL来引用由Java代码定义的对象。
1016 0
mybatis的逆向工程自动生成代码
参考文献:https://blog.csdn.net/yerenyuan_pku/article/details/71909325 逆向工程: MyBatis需要程序员自己编写sql,如果表太多的话,会很麻烦。
1512 0
前端如何实现图片懒加载(lazyload) 提高用户体验
定义 图片懒加载又称图片延时加载、惰性加载,即在用户需要使用图片的时候加载,这样可以减少请求,节省带宽,提高页面加载速度,相对的,也能减少服务器压力。
843 0
手机版敬业签如何把记事本内容生成图片
手机版敬业签可以将记事本内容以图片的方式保存下来,也可以直接发送给微信、QQ好友或者分享到微信朋友圈和微博。 那小编今天就来给大家介绍一下手机版敬业签生成图片功能的使用步骤。
1124 0
新一代图片编解码技术在淘宝的应用及落地
本文回顾淘宝图片发展的历史,阐述了新一代图像编解码格式AVIF在淘宝业务场景中的应用及落地方案,节省流量,为用户提供更好的看图体验。
64 0
confd + Nacos | 无代码侵入的配置变更管理
为什么要支持 confd,老的应用配置管理模式是启动时读取配置文件,然后重新读取配置文件需要应用重启。一般的配置管理系统都是代码侵入性的,应用接入配置管理系统都需要使用对应的 SDK 来查询和监听数据的变更。
8777 0
+关注
5854
文章
223
问答
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载