坐标在Javascript

绘制单词“谷歌”
在许多手动定位圈/球（1）
上的HTML5画布的形式，

at 1）eg这是'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个字符。

续：偶然发现这个问题的人也可能想在此one。

来源

2011-11-27 SunnyRed

您可能必须拥有所有相对于起始点的偏移地图并将其传递到函数中。功能相应地带有偏移量和起点和抽出球。地图（可能只是一个对象数组）可以存储并重新使用。 – rlemon

您是否想要确定如何通过自动化系统放置球？因此，通过使用多个循环，可以轻松地布置地点，而不是强制输入所有职位？我的意思是，你可以使用上面的坐标将它们全部映射到一个网格上，然后找出它们在做什么，但是看起来这可能是某种手工绘制的东西， 0,0）偏移量，然后将垂直/水平偏移量应用于每个预先设置的字符。 – jcolebrand

是的，差不多。我已经开始了一些简单的算法，每个字母都是由'在这里画一条线'，'在那里画一个圆'组成的。但是，我想知道，如果我真的必须从头开始，即使我可能不太复杂。我想到了用手绘制出所有人物的解决方案，这可能是最适合的，但更多的“算法”方法可以提供更多的灵活性（例如点之间的步长），对我而言，我会感觉更好要做到这一点。也许后者是错误的。 – SunnyRed

有没有一种方法来从字体路径派生位置？

不在画布中或使用画布命令。

有各种程序会将字体转换为SVG路径。

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

您应该能够轻松地搜索这些单个部件。

最简单的方法是从一个像素字体（like this）开始，并将每个黑色像素设置为一个点。当然，你不会得到很好的解决方案，但它应该相当容易。

来源

2011-11-28 06:12:01

+1 + Thx。你有什么建议如何将pixelfont转换为相应的点或是什么，必须/应该用手来完成？ – SunnyRed

坐标在Javascript

回答

相关问题