标签：javascript fonts canvas html5-canvas coordinates

受到这个tutorial的启发

>画出’谷歌’这个词
>以许多手动定位的圆/球的形式(1)
>在html5画布上,

1)例如这是’o’

new Ball(210, 81, 0, 0, red);
new Ball(197, 91, 0, 0, red);
new Ball(196, 103, 0, 0, red);
new Ball(200, 116, 0, 0, red);
new Ball(209, 127, 0, 0, red);
new Ball(223, 130, 0, 0, red);
new Ball(237, 127, 0, 0, red);
new Ball(244, 114, 0, 0, red);
new Ball(242, 98, 0, 0, red);
new Ball(237, 86, 0, 0, red);
new Ball(225, 81, 0, 0, red);

我想知道,如果有一种方法可以更自动地定义圆圈的坐标.例如,有没有办法从字体路径中获取位置？

编辑：我的目标是至少映射所有常规字母(两种情况)和数字,最少62个字符.

cont：偶然发现这个问题的人也可能想参加这个one.

解决方法:

is there a way to derive the positions from font paths?

不在Canvas中或使用canvas命令.

有各种程序可以将字体转换为SVG路径.

但是你不能只使用SVG路径的点,因为,例如,贝塞尔曲线仅由3个点描述,但可能占圆的1/4.从这些路径中有一些算法可以将路径分解为一系列点(即“Q”将变为描述圆和线的100个点).

您应该能够轻松地搜索这些单独的部分.

实际上,最简单的方法是从像素字体(like this)开始,并将每个黑色像素设为一个点.当然,你不会得到很好的解决方案,但它应该比较容易.

标签：javascript,fonts,canvas,html5-canvas,coordinates
来源： https://codeday.me/bug/20190709/1417517.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。