次のコードは、canvas を回転させます。回転の座標点はどこにありますか? なぜ要素の中心点ではないのでしょうか? _html/css_WEB-ITnose

次のコードは、canvas を回転させます。回転の座標点はどこにありますか? なぜ要素の中心点ではないのでしょうか?
===============================

< ;head>



functioninit() {
var Canvas = document.getElementById('canvas');
var cxt = Canvas.getContext('2d');
cxt.story = "blue"; 10*数学PI/180 );
cxt.ストロークRect(300,300,100,100);
cxt.strokerect(20*Math.PI/180);
& lt;/script & gt;
& lt;/head & gt;
& lt; ボディ onload = "init ()" & gt; キャンバス ID = "border: 1px 無地" width="1200" height="600">




ディスカッションへの返信 (解決策)
キャンバスの回転、回転の中心点キャンバスの原点、つまりポイント 0,0 です。
中心を回転したい場合は、キャンバスの原点を設定するだけです。
リーリー