前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >利用机器学习把草图自动生成HTML

利用机器学习把草图自动生成HTML

作者头像
前朝楚水
发布2018-12-12 16:11:46
1.2K0
发布2018-12-12 16:11:46
举报
文章被收录于专栏:互联网杂技

做了这个实验,看来只会切页面的前端,是可能被AI替代的。

项目地址 https://github.com/ashnkumar/sketch-code 可以先clone到本地

代码语言:javascript
复制
git clone https://github.com/ashnkumar/sketch-code

环境准备

要做此实验先按照说明把环境准备好,要python3.0以上; 建议按照 pyenv 就像node 的 nvm 可以切换python的版本。

查看安装的python的版本

代码语言:javascript
复制
pyenv versions

设置

代码语言:javascript
复制
python local 3.5.2

然后需要有pip模块安装,就像 node 的 npm;

安装依赖

进入到项目的跟目录安装依赖

代码语言:javascript
复制
pip install -r requirements.txt之后根据项目说明,依次进行

下载数据与训练权重

(数据量大,下载比较费时,找一个网络好的地方)

代码语言:javascript
复制
cd scripts
sh get_data.sh
//可以手动自己下载这个数据,可能快点,下载之后放 data 目录
//http://sketch-code.s3.amazonaws.com/data/all_data.zip
sh get_pretrained_model.sh
//下载之后放 bin 目录
//http://sketch-code.s3.amazonaws.com/model_json_weights/model_json.json
//http://sketch-code.s3.amazonaws.com/model_json_weights/weights.h5

根据原型图,绘制

代码语言:javascript
复制
python convert_single_image.py --png_path ../examples/drawn_example2.png \
      --output_folder ./generated_html \
      --model_json_file ../bin/model_json.json \
      --model_weights_file ../bin/weights.h5

原型

绘制结果

我是直接用的项目里面的图 examples目录下 对应生成 generated_html目录

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2018-11-11,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 交互设计前端开发与后端程序设计 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 环境准备
  • 安装依赖
  • 下载数据与训练权重
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档