Sketch2Code是一个基于Web的AI解决方案，由微软与Kabel、Spike Techniques合作开发，能够将手绘用户界面草图转换为HTML代码。用户上传图片后，自定义视觉模型预测并标记HTML元素，计算机视觉服务读取文本，布局算法生成网格，最终HTML生成引擎生成代码。项目已开源并在Azure平台上提供服务。
Sketch2Code 是什么？
Sketch2Code 是一个基于 Web 的解决方案，使用 AI 将手绘的用户界面草图转换为可用的 HTML 代码。Sketch2Code 由微软和 Kabel、Spike Techniques 合作开发。
Sketch2Code 项目地址：https://github.com/Microsoft/ailab/tree/master/Sketch2Code
下图演示了利用 Sketch2Code 将手绘草图转换成代码的操作过程。在微软官方网站上可以做更多尝试：https://sketch2code.azurewebsites.net/
Sketch2Code 是如何工作的？
让我们来看看使用 Sketch2Code 将手绘草图转换成 HTML 代码的过程：
用户将图片上传到网站上。
自定义视觉模型预测在图像中出现的 HTML 元素，并将它们的位置标出来。
手写文本识别服务读取预测元素中的文本。
布局算法根据预测元素的边框空间信息生成网格结构。
HTML 生成引擎使用上述信息来生成 HTML 代码。
工作流程如下所示：
最低0.47元/天 解锁文章
扫一扫
821
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
