ホームページ  >  記事  >  ウェブフロントエンド  >  次のコードは、canvas を回転させます。回転の座標点はどこにありますか? なぜ要素の中心点ではないのでしょうか? _html/css_WEB-ITnose

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

WBOY
WBOYオリジナル
2016-06-24 11:45:211524ブラウズ

次のコードは、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 です。
中心を回転したい場合は、キャンバスの原点を設定するだけです。
リーリー

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。