「技术」Sketch2Code在几秒钟内将草稿转换为代码

日期:2018-10-08 16:18:45 / 人气:4822

  • Sketch2Code是一个基于Web的产品,它使用机器学习将手写设计转换为可用的HTML代码
  • 该应用程序使用各种机器学习元素,包括计算机视觉
  • 它是开源的!代码和文档可以在Microsoft的GitHub存储库中找到

介绍

您有多少次头脑风暴并在白板上提出解决方案,然后编写整个代码以使其在您的机器上可行?如果您只需将白板设计复制到您的机器而无需通过代码编写它会有多大用处?

「技术」Sketch2Code在几秒钟内将草稿转换为代码


由于机器学习和微软的结合,这不再是魔术或梦想的东西。Sketch2Code是一个基于Web的解决方案,它使用机器学习将手写笔记从图像转换为可用的HTML标记代码。它是开源的!

下图来自微软宣布此产品的官方博客文章,展示了应用程序工作流程:

「技术」Sketch2Code在几秒钟内将草稿转换为代码


作为对数据科学感兴趣的人,您会想知道机器学习在这个特定的应用程序中是如何工作的。不要再想了,因为下面我列出了设计Sketch2Code的元素:

  • Microsoft自定义视觉模型:正如人们所预料的那样,该模型已经使用不同手写笔记的图像进行了训练。这些注释包含有关HTML元素的信息,如按钮,文本框和图像
  • Microsoft的计算机视觉服务:用于识别书面文本
  • Blob存储:需要注意的关键点 - 存储HTML生成过程中采取的所有步骤,包括您上传的图像和预测结果
  • Azure功能:协调HTML生成过程的后端
  • Azure网站:这基本上是用户看到最终HTML输出的地方

您可以在GitHub上访问Sketch2Code的所有代码和文档。这个存储库包含了我们上面看到的每个元素的非常详细的步骤,并且绰绰有余(至少)让你的脚湿透了。

我们对此有所了解

惊人!试了一下,可以证明这是多么有用。这将为寻求快速网页设计解决方案的任何企业节省资金和时间。

计算机视觉让我感到惊讶。我们生活在机器学习的辉煌时代,我们应该花点时间去理解这个事实。当你完成后,继续克隆Sketch2Code存储库并开始使用它!

作者:admin


现在致电 0371-69506331 OR 查看更多联系方式 →

COPYRIGHT © 2017 版权所有 豫ICP备12024037号-1