座標在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

回答

相關問題