开发者社区> 问答> 正文

对于Sketch 中文字图层想要得到位置和样式,需要依赖导出的 SVG 信息,而SketchSVGE

对于Sketch 中文字图层想要得到位置和样式,需要依赖导出的 SVG 信息,而SketchSVGExporter 接口导出的SVG 信息经常出现位置不准的情况,这个问题怎么解决?

展开
收起
云上静思 2022-07-28 15:40:32 304 0
1 条回答
写回答
取消 提交回答
  • 由于svg 信息在对于富文本的情况下会不准确的情况,我们设计了一套基于计算机视觉的算法会对文本框的基线进行矫正,整体流程如下:

    • 对文字图层进行检测是否存在富文本文本框

    • 由于在 Sketch 里单个文本框不同样式的文本基线一定在一条水平线上,我们的校准目标便是基于此。首先我们会对当前文本框做截图处理

    • 借助 OpenCV 库分析截图

    • 使用 Canny 边缘检测,分析出字体轮廓,确定基线位置

    • 计算不同样式的文本之间的基线位置差

    • 传回插件关于位置差的信息,插件对位置以最大字体为基准进行矫正。

    以上内容摘自《前端代码是怎样智能生成的》电子书,点击https://developer.aliyun.com/topic/download?id=53可下载完整版

    2022-07-28 16:42:06
    赞同 展开评论 打赏
来源圈子
更多
收录在圈子:
阿里云开发者社区官方技术圈,用户产品功能发布、用户反馈收集等。
问答排行榜
最热
最新

相关电子书

更多
复杂环境下的视觉同时定位与地图构建 立即下载
低代码开发师(初级)实战教程 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载