sketch怎么转换成html,手稿秒变html的Sketch 2 Code

可以把手稿变成html的Sketch 2 Code出世了，这是微软在GitHub上的C#开源代码。听说它能够把前端都凉掉？我很兴奋地尝了尝鲜，写下了这篇小文。咱们来看看它有没有传说中的那么高大上。

官网上放出来的示例当然是最佳了：

能有这样的效果那是相当的不错呀，布局、文字、图像都识别得很不错，但也并非完美：

布局：PRODUCT CATALOG变成了竖排，搜索按钮也没有对齐

文字：三幅画下面的第一个PRODUCT识别成了RODUCT，最后一个3变成了S。$19.5左边多了一个8

图像：原图上明明有三个段落嘛，html变成了两个

那我自己画一幅，用网站提供的TAKE A PICTURE功能上传试试：

这是什么鬼？敢情什么都没识别出来？是我的画风太清奇了吗？不死心，同一幅图再拍一次：

这次有限地成功了，看来位置、方向、大小、光影上的一点点细微差别，也会很大地影响最终的结果。后来又试了几次，最完美的识别也就是上面这幅图了，要我是草图设计师，用这玩意儿还是挺跟它较劲的。倒是处理速度还挺快，几秒之内就能搞定。

接下来试一试中文：

果然是不支持中文呀。从下图中我们能看到，尽管中文都能够识别成Lable，但确实对中文的OCR无能为力。

再试试横线本，看来背景的横线是可以被过滤掉的：

最后试着参考GitHub的注册首页画一幅手稿：

上面的html是试过几遍之后最好的解析了。生成的html代码中引用了bootstrap的css，所以网页看上去还比较顺眼。但是格式有点乱，有一些连续空行、缩进等问题。不过这些问题相信都很容易解决。最大的问题是目前的实用程度还不太高。想要让前端变凉，数据量应该还不太够(大家多多上传草图吧)，而且还应该有不少工作能做。希望它能早日实用化，让前端们投入到更有意义的工作中去。

最终结论：未来很美好，但是现在的实用性还有待提高。

sketch怎么转换成html,手稿秒变html的Sketch 2 Code相关推荐

时间转秒函数c语言,c语言函数mktime()如何将时间转换成经过的秒数实例源码
c语言函数mktime()如何将时间转换成经过的秒数实例源码. 需要引入的头文件:#include 定义函数:time_t mktime(strcut tm * timeptr); 函数mktime( ...
Python文字转换语音，抠脚大汉秒变撒娇萌妹
APP 也有文字转换为语音的功能,虽然听起来很别扭,但是基本能解决长辈们看不清文字或者眼睛疲劳,通过文字转换为语音来获取信息. 我们用 Python 能否实现文字转语音呢,可以的,百度有个语音接口,可 ...
python发微信语音没声音_Python文字转换语音，抠脚大汉秒变撒娇萌妹
APP 也有文字转换为语音的功能,虽然听起来很别扭,但是基本能解决长辈们看不清文字或者眼睛疲劳,通过文字转换为语音来获取信息. 我们用 Python 能否实现文字转语音呢,可以的,百度有个语音接口,可 ...
计算机文字转表格,Word怎么把文字转换成表格 30秒搞定
很多用户会拿到文本文档类型的表格,就是看似像表格的文档实则是一堆文字,然后中间用逗号连在一起的文本,想要将其转换为表格,一个一个复制文本一定是不可靠的,那么下面就来教教大家如何快速在Word中将这类文 ...
python秒转换成小时分钟秒_仅需1秒！搞定100万行数据：超强Python数据分析利器...
文章来源:量化投资与机器学习作者:Maarten.Roman.Jovan 编译:1+1=6 1 前言使用Python进行大数据分析变得越来越流行.这一切都要从NumPy开始,它也是今天我们在推文介 ...
python秒转换成小时分钟秒_1小时3分59秒！双11天猫交易额超1000亿元
新浪科技讯 11月11日凌晨消息,第十一届阿里巴巴天猫双11于今日凌晨正式打响.据双11实时交易数据显示,1小时3分59秒,交易额达到1000亿.去年实现这一成绩耗时1小时47分26秒! 2019年双 ...
python秒转换成小时分钟秒_新闻联播66分钟，康辉口播22分38秒，零失误
原标题:新闻联播66分钟,康辉口播22分38秒,零失误对于现在很多的80后,90后来说童年的时候,印象最深刻的就是看电视了.那个时候电视节目并没有现在这么多.而且能够观看的电视台也很少,每天就是那么 ...
python秒转换成小时分钟秒_Python函数将秒数转换成分,小时和天
题: 编写一个程序,要求用户输入几秒钟,工作如下: >一分钟内有60秒钟.如果用户输入的秒数大于或等于60,程序应该显示该秒数的分钟数. >一小时内有3600秒.如果用户输入的秒数大于或等 ...
中秋佳节，程序员教你AI三步成诗，秒变“李白”
摘要:举杯邀明月,用技术来附庸风雅. 中秋佳节来临之际,你是否开始思念远方的亲朋好友,想为他们送上祝福?又或是与家人团圆赏月之时,希望借一段风雅诗词抒情达意? 华为云的开发者们教你一招,来个技术风的A ...

sketch怎么转换成html,手稿秒变html的Sketch 2 Code

sketch怎么转换成html,手稿秒变html的Sketch 2 Code相关推荐

最新文章

热门文章