html5 矩阵转换,JavaScript – HTML5画布转换矩阵

我不明白变形矩阵是什么，以及如何使用它。

以下将在我的画布的0,0绘制一个圆圈：(从svg转换为svg2canvas.jar生成)

drawPoints: function(ctx, max_points)

{

ctx.save();

ctx.setTransform(1, 0, 0, 1, -551.23701, -368.42499);

ctx.fillStyle="#0066ab";

ctx.globalAlpha="0.7";

ctx.beginPath();

ctx.moveTo(584.50,387.96);

ctx.bezierCurveTo(584.50,397.14,577.05,404.59,567.87,404.59);

ctx.bezierCurveTo(558.68,404.59,551.24,397.14,551.24,387.96);

ctx.bezierCurveTo(551.24,378.77,558.68,371.33,567.87,371.33);

ctx.bezierCurveTo(577.05,371.33,584.50,378.77,584.50,387.96);

ctx.closePath();

ctx.fill();

ctx.restore();

}

我想传递setTransform()的参数来绘制我画布的任何部分，但是我不明白如何使用它。