CANVASに画像を表示し、その画像を回転させるようにしたいのですが、どうにもうまくいかなくて困っています。
画像の中心を軸に回転させたいと思って以下のように実装してみたのですが、うまくいきません。
//////////////////////////////以下抜粋////////////////////////////////
Matrix matrix;
// Bitmap のサイズの取得
int width = bmp.getWidth();
int height = bmp.getHeight();
matrix = new Matrix();
// 画像の中心を軸に回転させるようにする(ここがうまくいっていないっぽい・・・)
matrix.postRotate(5.0f, width / 2.0f, height / 2.0f);
// 回転させた画像を生成する
bmp2 = Bitmap.createBitmap(bmp, 0, 0, width, height, matrix, true);
// CANVASに画像を描画する
canvas.drawBitmap(bmp2 , 10.0f, 10.0f, paint);
//////////////////////////////////////////////////////////////////////
上記のコードで画像自体は回転するのですが、中心軸がずれてしまっているようです。
画像のサイズは横15ピクセル、縦15ピクセルとなっております。
また、matrix.postRotateの前でmatrix.postTranslate()にて軸を設定してみたのですが、
これもうまくいきませんでした。
きれいに画像を回転させるにはどのようにすればよいか、わかる方いましたら教えて
いただけないでしょうか?
No.1ベストアンサー
- 回答日時:
その方式ならちゃんと中心で回ってますが、
表示される位置が変わるってことになります。
つまり元のは100px辺の正方形だったとしても
bmp2にクリエイトビットマップされるときにはbmp2は幅100ではなくなってるんです。
45度にかたむけたとしたら100px正方の対角線の長さに画像の大きさが大きくなってしまい。
そのbmp2の描くポジションが同じ数値位置にとどめアニメなどするとぎったんばっこんすることになります。
なので、そのbmp2をクロップし100px幅のに収めるか、(図によっては角が切れます)。
もしくは、角度変えた都度都度表示位置をずらし修正してやります。
bmp2のgetWidth()と元bmpのgetWidth()の差の半分でトランスレート位置を計算し反映させれば真ん中でキレイに廻ってるように見せられるでしょう。
回答ありがとうございます!!
言われみて気付きました。確かにそうですね。
画像を回転させると画像のサイズが大きくなってしまいますね!
解決しました、ありがとうございました!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Visual Basic(VBA) 【VBA】写真の貼り付けコードがうまく機能しません。 5 2022/09/01 18:43
- その他(プログラミング・Web制作) 物理の斜方投射で目盛りに数値を入れたい 2 2023/05/27 06:32
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- その他(プログラミング・Web制作) uwscとWinShotを使いスクリーンショットを撮る 1 2022/06/30 21:15
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- その他(プログラミング・Web制作) pythonで、tkinterとpillowの組み合わせ 2 2022/08/16 17:42
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- その他(プログラミング・Web制作) Pythonにおける物理のシミュレーションでの単位変換について 2 2023/06/02 17:11
- その他(プログラミング・Web制作) Pythonによる物理の斜方投射の位置座標表示について 2 2023/06/05 12:46
- HTML・CSS 【HTML】【CSS】【Swiper】 元の画像は横1200×縦600なのですが、実際のサイト上に反 5 2022/07/16 13:57
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ImageMagickでgif画像の一部が...
-
Pythonでgif画像が上手く作れない
-
【EXCEL VBA】ダブルクリックで...
-
自作の地図をグーグルマップの...
-
こんなことてしますか??
-
C#で画像を他の画像に貼り付け...
-
Leafletで画像をon、offさせる...
-
画像比較
-
uwcs のマクロで画像認識をして...
-
uwscについての質問です。 画面...
-
イメージマップでマウスオーバ...
-
EXCEL VBA 複数のImageコントロ...
-
PowerPoint VBA で画像の鮮明度...
-
UWSCを使って画像リンクをクリ...
-
jqueryスライダーを2段でスライ...
-
【WPF】画像の切り替え
-
C# Picturebox 縮小・拡大時の...
-
vb.net 画像の透過について
-
画像処理したBitmapをピクチャ...
-
PCは表示されるがスマホでは画...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
【EXCEL VBA】ダブルクリックで...
-
こんなことてしますか??
-
Pythonでgif画像が上手く作れない
-
Excel ユーザーフォームで表示...
-
VBA シート毎に画像挿入
-
生成AI画像について
-
EXCEL VBA 複数のImageコントロ...
-
HTMLで画像をポップアップで表...
-
UWSCの色判定
-
UWSC 画像判定と条件分岐について
-
jQuery . プログラミング 助け...
-
VBAのユーザーフォームのイメー...
-
jqueryスライダーを2段でスライ...
-
vb.net 画像の透過について
-
【WPF】画像の切り替え
-
背景画像の繰り返しについて
-
「using Windows」でエラーが出る
-
画像処理したBitmapをピクチャ...
-
スマホでサイトの画像を長押し→...
-
UWSC 画像認識で条件分岐
おすすめ情報