эллипс против круга

Question

        Canvas canvas = Canvas.createIfSupported();

        canvas.setWidth("200px");
        canvas.setHeight("200px");

        RootPanel.get().add(canvas);

        Context2d context = canvas.getContext2d();
        context.setStrokeStyle("black");

        context.arc(50, 50, 20, 0, Math.PI*2);

        context.stroke();

Почему у меня здесь эллипс вместо круга?

Answer 1

Вам также необходимо установить координатное пространство, чтобы оно соответствовало форматному соотношению вашего холста. Таким образом, вы можете добавить следующие строки:

canvas.setCoordinateSpaceWidth(200);
canvas.setCoordinateSpaceHeight(200);