如何将画布的原点放在中心

Question

我正在尝试为Transcrypt Python编写简单的龟图形到JavaScript编译器。 为了与CPython Turtle模块兼容，我需要使用carthesian坐标，即原点必须位于画布的中心。 有没有什么方法可以实现这一点，我自己不使用单独的坐标系，并在我自己的代码中为每个对象转换它们。

我已经看到，对于单个对象，我可以使用centerX和centerY将它们的参考点置于这样的对象中。 但我找不到将原点放在画布中间的示例。

如何将画布的原点更改为中心的解决方案？ 工作，但看起来有点人为，因为我会补偿这个翻译的鼠标位置。 此外，它给出了一些线段的奇怪“加倍”，可能是由于偏移。 如果在我自己的代码中翻译坐标，则不存在加倍。 两种翻译都添加了整数。

使用canvas上下文翻译，有些行加倍。 码：

class Turtle:
    def __init__ (self):
        self._canvas = __new__ (fabric.Canvas ('canvas', {'backgroundColor': 'lightgray'}))
        self._canvas.onWindowResize = self.resize
        self._canvas.onWindowDraw = self.draw

        self._context = self._canvas.getContext ('2d')
        self._context.translate (self._canvas.getWidth () / 2, self._canvas.getHeight () / 2)

        self.reset ()

    def reset (self):
        self._canvas.clear ()   
        self.pensize (1)
        self.color ('black')
        self.down ()
        self._position = [0, 0]
        self._heading = Math.PI / 2

应用程序代码中的翻译，应该看起来。 码：

class Turtle:
    def __init__ (self):
        self._canvas = __new__ (fabric.Canvas ('canvas', {'backgroundColor': 'lightgray'}))
        self._canvas.onWindowResize = self.resize
        self._canvas.onWindowDraw = self.draw

        self._context = self._canvas.getContext ('2d')

        self.reset ()

    def reset (self):
        self._canvas.clear ()   
        self.pensize (1)
        self.color ('black')
        self.down ()
        self._position = [self._canvas.getWidth () / 2, self._canvas.getHeight () / 2]
        self._heading = Math.PI / 2

Answer 1

为避免“加倍”效应，您可以尝试这样做：

self._context.translate (round(self._canvas.getWidth () / 2), round(self._canvas.getHeight () / 2))