見這個例子:http://merijn.pro/ballen/ 小提琴:http://tinyurl.com/o8gq7z2Paper.js /帆布:平滑文本的緩慢運動
的球慢慢左右移動,而球本身平滑地渲染, 但它們的文本標籤不(他們捕捉到像素網格)。由於運動緩慢,它看起來很醜。
如果可能,我正在尋找一種使文本呈現流暢的方法。 他們創建如下:
this.text = new PointText(this.point);
this.text.justification = 'center';
this.text.fillColor = 'black';
this.text.content = text;
和更新如下:
this.text.position = this.point;
更新:我試圖通過導入文本作爲SVGs(包含文本)來解決它,但是這給了相同的問題
如果您可以將代碼作爲草圖發佈,我很樂意使用它。我有兩個初始想法:1)製作pointText並圈選一組,然後移動組,而不是兩個項目,2)用某種HTML文本覆蓋畫布,並將它們相對於畫布絕對放置。論文的文字支持有限。 – bmacnaughton
請做!請參閱http://tinyurl.com/o8gq7z2。我確實考慮了選項(2),但正如你所理解的,我更喜歡只用畫布的方式......我也嘗試過像css轉換/翻譯畫布之類的東西,但像素捕捉保持不變。我很想看看你能從中得到什麼,在此先感謝 – Hacktisch