質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.35%
C#

C#はマルチパラダイムプログラミング言語の1つで、命令形・宣言型・関数型・ジェネリック型・コンポーネント指向・オブジェクティブ指向のプログラミング開発すべてに対応しています。

WPF

Windows Presentation Foundation (WPF) は、魅力的な外観のユーザー エクスペリエンスを持つ Windows クライアント アプリケーションを作成するための次世代プレゼンテーション システムです

Q&A

解決済

1回答

2787閲覧

CanvasをImage化して表示すると小さくなる

mnhktm

総合スコア26

C#

C#はマルチパラダイムプログラミング言語の1つで、命令形・宣言型・関数型・ジェネリック型・コンポーネント指向・オブジェクティブ指向のプログラミング開発すべてに対応しています。

WPF

Windows Presentation Foundation (WPF) は、魅力的な外観のユーザー エクスペリエンスを持つ Windows クライアント アプリケーションを作成するための次世代プレゼンテーション システムです

0グッド

0クリップ

投稿2021/08/14 01:53

編集2021/08/14 02:48

お世話になっております。

C# WPF で Canvas に描いた図形をBitmap化し、それに等に手を加えてその結果を
Canvasに反映更新せずにImage コントロールに反映させようとしております。
やろうとしている手順は
1、Canvasに描画
2、Bitmap化
3、Bitmap → byte配列化してデータを直接操作
4、結果をImageコントロールに表示
この製作過程で2のBitmap化したものを取敢えずImageコントロールに表示させようと
そのまま4、の表示をしてみたところ、同じサイズにならず少し小さくなってしまいます。
コードは以下の通りで何かが間違っているか過不足があると思いますが、いろいろ
やってみても解からず。宜しくお願いします。

環境:Visual Studio Community 2019 WPF.NetFramework4.72 Windows10

イメージ説明

C#

1// コード中のCanv は Canvas のName です 2// コード中のIMG は Image の Name です 3public partial class MainWindow : Window 4 { 5 public MainWindow() 6 { 7 InitializeComponent(); 8 //あまり意味はない 9 IMG.Margin = new System.Windows.Thickness(24, 290, 0, 0); 10 } 11 12 private void Button_Click(object sender, RoutedEventArgs e) 13 { 14 Size size = new Size(430, 241); 15 RenderTargetBitmap renderBitmap = new RenderTargetBitmap((int)size.Width, (int)size.Height, 96.0d, 96.0d, PixelFormats.Pbgra32); 16 renderBitmap.Render(Canv); 17 IMG.Source= renderBitmap; 18 IMG.Margin = new System.Windows.Thickness(0, 290, 0, 0); 19 } 20 21 //念のため 22 private void Window_Loaded(object sender, RoutedEventArgs e) 23 { 24 Canv.Width = 430; 25 Canv.Height = 241; 26 IMG.Width = 430; 27 IMG.Height = 241; 28 IMG.Margin = new System.Windows.Thickness(24, 290, 0, 0); 29 } 30 } 31

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

C# WPFに詳しいわけではありませんが、興味があって少し試してみました。

以下実行例になります。Canvasに画像を設定して試してみました。
サイズが小さくなっているのではなくImageコントロールの位置がずれているのが起因しているように思います(何故ずれているかは不明ですが。。)

イメージ説明

投稿2021/08/14 02:49

cx20

総合スコア4648

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

cx20

2021/08/14 03:22

> CanvasにMarginをつけるのではなく、Border等でくるんでそれにMarginをつけるのがいいようですね。 そのようですね。 Borderでくるんで、IMG.Margin の記述をコメントアウトしたところ、正しく表示されることを確認しました。
mnhktm

2021/08/14 04:37

cx20さん TN8001さん ご回答ありがとうございます。 確かにずれているようです。BorderでImageをくるんで表示させたのですが、まだずれます。 ですが、cx20さんが再現されているので正しいと思います。 私のやり方がまずいと思うのですが。以下のような感じです(一部)。 <Border BorderBrush="Black" BorderThickness="1 <Image Name="IMG" Margin="0,0,0,0" HorizontalAlignment= </Border> 私はあまり詳しくなないので直ぐに理解できていないのですが、 Border でくるむのは Imege だけでしょうか、ひょっとして・・・
cx20

2021/08/14 04:52

私が試した際は、Canvas / Image ともに Border でくるんで試しました。以下抜粋になります。 ※ コメントのレイアウト調整の為、ソースコードに全角スペースを入れています。 <Border BorderBrush="Black" BorderThickness="1" HorizontalAlignment="Left" Height="256" Margin="50,30,0,0" VerticalAlignment="Top" Width="256">   <Canvas x:Name="Canv" HorizontalAlignment="Left" Height="256" VerticalAlignment="Top" Width="256">     <Canvas.Background>       <ImageBrush ImageSource="CesiumLogoFlat.png"/>     </Canvas.Background>   </Canvas> </Border> <Border BorderBrush="Black" BorderThickness="1" HorizontalAlignment="Left" Height="256" Margin="50,300,0,0" VerticalAlignment="Top" Width="256">   <Image x:Name="IMG" HorizontalAlignment="Left" Height="256" VerticalAlignment="Top" Width="256"/> </Border> 実行時のコードは以下になります。 private void Button_Click(object sender, RoutedEventArgs e) {   Size size = new Size(256, 256);   RenderTargetBitmap renderBitmap = new RenderTargetBitmap((int)size.Width, (int)size.Height, 96.0d, 96.0d, PixelFormats.Pbgra32);   renderBitmap.Render(Canv);   IMG.Source = renderBitmap; }
mnhktm

2021/08/14 06:02

できました!。 コントロールを個別にくるむ ですね。 最初に自分が少しずつ変な設定にしていたのだとわかりました。 cx20さん TN8001さん ありがとうございました。
cx20

2021/08/14 06:05

解消されたようで良かったです。自分も勉強になりました。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.35%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問