sketch源码html,⼿绘⽤户界⾯转成HTML代码Sketch2Code 软件介绍
Sketch2Code 是⼀个基于 Web 的解决⽅案，使⽤ AI 将⼿绘的⽤户界⾯草图转换为可⽤的 HTML 代码。Sketch2Code 由微软和Kabel、Spike Techniques 合作开发。读者可以在 GitHub 上到与 Sketch2Code 相关的代码、解决⽅案开发过程和其他详细信息。
让我们来看看使⽤ Sketch2Code 将⼿绘草图转换成 HTML 代码的过程：⽤户将图⽚上传到⽹站上。
⾃定义视觉模型预测在图像中出现的 HTML 元素，并将它们的位置标出来。
⼿写⽂本识别服务读取预测元素中的⽂本。
html导航源码
布局算法根据预测元素的边框空间信息⽣成⽹格结构。
HTML ⽣成引擎使⽤上述信息来⽣成 HTML 代码。
⼯作流程如下所⽰：
Sketch2Code 使⽤了以下组件：微软⾃定义视觉模型(Custom Vision)：这个模型是基于不同的⼿绘稿的图象训练得出的，并标记了与常见 HTML 元素(如⽂本框、按钮、图像等)相关的信息。
微软计算机视觉服务：⽤于识别设计元素中的⽂本。
Azure Blob Storage：保存与 HTML ⽣成过程的每个步骤相关的信息，包括原始图像、预测结果、布局和分组信息等。
Azure Function：它作为后端⼊⼝点，通过与其他服务发⽣交互来协调⽣成过程。
Azure Website：⽤户界⾯前端，⽤户可以在这⾥上载设计图，并查看⽣成的 HTML。
以上组件通过如下架构组合在⼀起：
介绍来源：AI前线

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。