椭圆与圆

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);