Paper.js / canvas：平滑文本的慢动作

Question

请参阅此示例：http://merijn.pro/ballen/ 小提琴：http://tinyurl.com/o8gq7z2

球缓慢移动，球本身平滑， 但他们的文字标签没有（他们捕捉到像素网格）。由于运动缓慢，它看起来很丑陋。

如果可能的话，我正在寻找一种方法使文本渲染顺利。 它们的创建如下：

this.text = new PointText(this.point);
this.text.justification = 'center';
this.text.fillColor = 'black';
this.text.content = text;

并更新如下：

this.text.position = this.point;

更新：我试图通过将文本导入为SVG（包含文本）来解决它，但这给出了同样的问题

Answer 1

虽然我没有直接使用您的代码进行测试，但此解决方案似乎可以顺畅地移动文本和圆圈。它是上面评论中的选项（1） - 将圆圈和文本添加到组中，然后移动组。

sketch

即使在下面的评论中实施倒计时也不顺利。看起来屏幕的物理像素通过使用纸张平滑地移动文本。除了总是移动像素单位之外，我没有其他解决方案。

Answer 2

我建议您按照here的说明使用html和css处理文本。

Paper.js中的文字工具仍为in development。