利用机器学习把草图自动生成HTML
利用机器学习把草图自动生成HTML
前朝楚水
发布于 2018-12-12 08:11:46
发布于 2018-12-12 08:11:46
代码可运行
运行总次数：0
代码可运行
做了这个实验，看来只会切页面的前端，是可能被AI替代的。
项目地址 https://github.com/ashnkumar/sketch-code 可以先clone到本地
git clone https://github.com/ashnkumar/sketch-code环境准备
要做此实验先按照说明把环境准备好，要python3.0以上； 建议按照 pyenv 就像node 的 nvm 可以切换python的版本。
查看安装的python的版本
pyenv versions
设置
python local 3.5.2
然后需要有pip模块安装，就像 node 的 npm；
安装依赖
进入到项目的跟目录安装依赖
pip install -r requirements.txt之后根据项目说明，依次进行
下载数据与训练权重
（数据量大，下载比较费时，找一个网络好的地方）
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根据原型图，绘制
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 删除。
本文参与 腾讯云自媒体同步曝光计划 ，欢迎热爱写作的你一起参与！
评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
推荐阅读
相关推荐
前端要失业了么，sketch-code让草图秒变HTML
更多 >腾讯云开发者
