Visual studioのPictureBoxについての質問

Question

質問失礼致します。
VisualStudioのPictureBoxについて質問します。

現在ボタンを押したら、以下の処理が開始され、
PictureBoxに選択した画像が表示されるような処理をしております。

したい処理は、
このpictureBoxの上に、DrawRectanglesなどを使って、四角形を複数描きたいと思っています。
四角形の座標は、取得した画像の座標を使って表示したいと思っています。

わかりずらいかもしれないので、やりたいことを画像にして見ました。
取得した画像に四角形をDrawして、PictureBoxのサイズに合わせて
表示したいと思っています。座標は左上を(0,0)と考えています。
どのようにかけば実現できますでしょうか？
よろしくお願いします。

 //OpenFileDialogクラスのインスタンスを作成
            OpenFileDialog ofd = new OpenFileDialog();

            //はじめのファイル名を指定する
            //はじめに「ファイル名」で表示される文字列を指定する
            ofd.FileName = "default.html";
            //はじめに表示されるフォルダを指定する
            //指定しない（空の文字列）の時は、現在のディレクトリが表示される
            ofd.InitialDirectory = "";
            //[ファイルの種類]に表示される選択肢を指定する
            //指定しないとすべてのファイルが表示される
            ofd.Filter = "HTMLファイル(*.html;*.htm)|*.html;*.htm|すべてのファイル(*.*)|*.*";
            //[ファイルの種類]ではじめに選択されるものを指定する
            //2番目の「すべてのファイル」が選択されているようにする
            ofd.FilterIndex = 2;
            //タイトルを設定する
            ofd.Title = "開く画像を選択してください";
            //ダイアログボックスを閉じる前に現在のディレクトリを復元するようにする
            ofd.RestoreDirectory = true;
            //存在しないファイルの名前が指定されたとき警告を表示する
            //デフォルトでTrueなので指定する必要はない
            ofd.CheckFileExists = true;
            //存在しないパスが指定されたとき警告を表示する
            //デフォルトでTrueなので指定する必要はない
            ofd.CheckPathExists = true;

            //ダイアログを表示する
            if (ofd.ShowDialog() == DialogResult.OK)
            {
                //画像の大きさをPictureBoxに合わせる
                pictureBox1.SizeMode = PictureBoxSizeMode.Zoom;
                pictureBox1.ImageLocation = ofd.FileName;

            }

Comments

[y_waiwai]

なにがわからないの？四角形の書き方かな？

[minimize]

もとの画像の大きさで四角形を書いた後に、それをPictureBoxの大きさに変換する方法がわかっていません。
四角形を書いたりして試したりしたのですが、画像だけが表示されてしまい、四角形を表示することができませんでした。

Answer 1

ImageLocationを使用するのではなく、Imageクラスへ読み込み、そこへ四角を描画した後、PictureBox.Imageプロパティに設定すればいいのではないでしょうか？

Image img = Image.FromFile(ファイル名);
using(Graphics g = Graphics.FromImage(img))
{
    using(Pen p = new Pen(Color.Red, 1))
    {
        g.DrawRectangle(p, 10, 20, 100, 80);
    }
}
PictureBox1.Image = img;

みたいな感じで

Comments

[minimize]

質問に答えてくださってありがとうございます。
実装してみたら、座標が大きくなるにつれて、
四角形の大きさがおかしくなってしまうようになりました。たとえば、(0,0,100,100)と(100,100,200,200)では、四角形の大きさが二倍くらい変わりました。 g.DrawRectangle(p, 10, 20, 100, 80);のところを、for文で回して、複数描画するようにしています。

[minimize]

なぜ四角形の大きさがそんなに変化するのでしょうか？

[YAmaGNZ]

こういう場合はリファレンスを見ましょう
https://docs.microsoft.com/ja-jp/dotnet/api/system.drawing.graphics.drawrectangle?view=netframework-4.7.2#System_Drawing_Graphics_DrawRectangle_System_Drawing_Pen_System_Int32_System_Int32_System_Int32_System_Int32_
こちらにある通り、
第4引数、第5引数は幅、高さです

[minimize]

ありがとうございます！うまくいきました！助かりました・・！