Question

我们使用java api提供的drawArc方法在我的java应用程序中绘制弧。那是

drawArc(int x, int y, int width, int height, int startAngle, int arcAngle)

我在Html中搜索类似的方法，但我无法成功。只有

那里有

drawArc(x, y, radius, startangle, arcangle)方法。

Html中是否有与Java相同的方法。如果没有，那么请你指导我任何替代方法，以便我能够成功。

Answer 1

在某些浏览器中存在实验ellipse函数，但您可以使用几何变换（垂直/水平缩放）来获得效果。如果您的原始Java调用是：

drawArc(x, y, width, height, startAngle, arcAngle)

通过以下方式实现：

if (width>height) {
    gctx.setTransform(width/(float)height,0,0,1,0,0)
    radius = height
} else {
    gctx.setTransform (1,0,0,height/(float)width,0,0)       
    radius = width
}
gctx.drawArc(x, y, radius, startAngle, arcAngle)

Java绘制弧形方法等效于HTML5

1 个答案: