是的,你是对的。
画布累积所有变换并将它们应用于任何未来的绘图。
因此,如果您缩放 2X,您的圆圈将以 2X 绘制……并且(!)之后的每次绘制都将是 2X。
这就是保存上下文有用的地方。
如果您想将圆圈缩放 2 倍,但随后的每个绘图都为正常的 1 倍,您可以使用此模式。
// save the current 1X context
Context.save();
// move (translate) to where you want your circle’s center to be
Context.translate(50,50)
// scale the context
Context.scale(2,2);
// draw your circle
// note: since we’re already translated to your circles center, we draw at [0,0].
Context.arc(0,0,25,0,Math.PI*2,false);
// restore the context to it’s beginning state: 1X and not-translated
Context.restore();
在 Context.restore 之后,您的平移和缩放将不适用于进一步的绘图。