- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：画像の回転（ボタンで制御））
画像を回転するボタンの制御方法について
このQ&Aのポイント
- 画像を回転したいが、ボタンの制御方法が分からない
- 回転中にSTOPボタンを押すと画像位置がずれてしまう
- 初心者ですが、よろしくお願いします
- uder1
- お礼率38% (23/59)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
このフィルターで回転させたことがないので推測ですが、 （使ったのはprogid:DXImageTransform.Microsoft.Matrix()） 回転の中心点が画像の左上とかになってませんか？ （テーブルの上にコピー用紙を置いて、左上を手で抑えて（その点を基準にして）回転させてみてください。 そんな感じに移動していたら、回転の中心点が原因です。） もしそうなら、 フィルターで回転の中心点を変更できるなら、それを画像の(幅/2、高さ/2)の位置を中心点にしてください。 回転の中心点を変更できなければ、 回転させた角度の分だけx方向、y方向に移動させなければなりません。 回転後の矩形の最左端から矩形の中心までの距離を移動、、、なんですが、、、すみません。説明ヘタです。 三角関数とか、その辺の高校数学を思い出してください。 style="position:absolute"にしてtop、leftを変更するか、margin-top、margin-leftで調整してください。 先のコピー用紙の例で言うと、左上を抑えながら回転させた後、 コピー用紙の最左端から中心までの距離の分だけ移動させると、コピー用紙の中心で回転した時と同じになります。
お礼
ご返信ありがとうございます。頑張ってみます。