teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

2

見直しキャンペーン中

2023/08/14 10:52

投稿

TN8001
TN8001

スコア10111

answer CHANGED
@@ -29,7 +29,7 @@
29
29
 
30
30
 
31
31
  > ・幅800で固定し、画像が大きい場合は縮小、小さい場合はそのままにしたい
32
- 大きいサイズだと、どうしても画像の端が切れてしまう。
32
+ > 大きいサイズだと、どうしても画像の端が切れてしまう。
33
33
 
34
34
  これはWPFの話ですね?
35
35
  `Window`を(も?)`Width="800"`にしていませんか?

1

見直しキャンペーン中

2023/07/28 14:39

投稿

TN8001
TN8001

スコア10111

answer CHANGED
@@ -1,70 +1,70 @@
1
- 最初は画像一覧HTMLのようなもの(フォルダに対してHTMLがひとつ)を作るのかと思いましたが、**画像ごと**にHTMLを作るんですね?
2
-
3
- > ・HTMLファイルのテンプレート(元)を作成し 部分的に置換して新しく作成したり追記してHTMLファイルを新規作成できないか。
4
-
5
- Kokko3さんが好きにテンプレートを決められるなら、単純な置換で済むようなオレオレルールでいいんじゃないですか?
6
-
7
- ```HTML
8
- <html>
9
- <img src="{{FileName}}" alt="テスト">
10
- </html>
11
- ```
12
- ```C#
13
- string template = File.ReadAllText("Default.html");
14
- string html = template.Replace("{{FileName}}", PicFileName)
15
- .Replace("{{hoge}}", hoge)
16
- .Replace("{{fuga}}", fuga);
17
- ```
18
-
19
- 例えば↑のようにして`{{FileName}}`を置換するということに決めてしまう。
20
- 別に`@fn@`でもなんでもいいわけですが、要は普通には出てこない特徴的なパターンということです。
21
-
22
-
23
- > ・HTMLファイルの["]から["]までの項目で抽出したい
24
-
25
- 方法はいろいろあるでしょうが、何のために必要なのかがよくわかりません。
26
- HTMLに追記する(やっぱりフォルダごとにひとつなのか??)ようなことを考えていますか?
27
-
28
- HTMLをまるごと上書きすれば済むような方法を考えたほうが幸せな気がします。
29
-
30
-
31
- > ・幅800で固定し、画像が大きい場合は縮小、小さい場合はそのままにしたい
32
- 大きいサイズだと、どうしても画像の端が切れてしまう。
33
-
34
- これはWPFの話ですね?
35
- `Window`を(も?)`Width="800"`にしていませんか?
36
- 枠のサイズも含むため、中にある`Image`は800より小さくなります。
37
- どういうUIを考えているかわかりませんが、例えば`Image`しかないのであればこのような感じ。
38
- 画像はWPFが縮小するため、リサイズは不要です(リサイズしてもかまいませんが)
39
-
40
- ```xaml
41
- <Window
42
- x:Class="Questions351771.MainWindow"
43
- xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
44
- xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
45
- AllowDrop="True"
46
- Drop="image_Drop"
47
- ResizeMode="NoResize"
48
- SizeToContent="WidthAndHeight">
49
- <Grid>
50
- <Image
51
- x:Name="ImageArea"
52
- Width="800"
53
- HorizontalAlignment="Left"
54
- Source="/default.png"
55
- StretchDirection="DownOnly" />
56
- </Grid>
57
- </Window>
58
- ```
59
-
60
-
61
- > HTMLファイルに出力する際もズレのないようにしたい。
62
-
63
- こんなん?
64
- ```HTML
65
- <html>
66
- <div style="width:800px">
67
- <img src="1.jpg" alt="TEST" style="max-width:100%"></img>
68
- </div>
69
- </html>
1
+ 最初は画像一覧HTMLのようなもの(フォルダに対してHTMLがひとつ)を作るのかと思いましたが、**画像ごと**にHTMLを作るんですね?
2
+
3
+ > ・HTMLファイルのテンプレート(元)を作成し 部分的に置換して新しく作成したり追記してHTMLファイルを新規作成できないか。
4
+
5
+ Kokko3さんが好きにテンプレートを決められるなら、単純な置換で済むようなオレオレルールでいいんじゃないですか?
6
+
7
+ ```html
8
+ <html>
9
+ <img src="{{FileName}}" alt="テスト">
10
+ </html>
11
+ ```
12
+ ```cs
13
+ string template = File.ReadAllText("Default.html");
14
+ string html = template.Replace("{{FileName}}", PicFileName)
15
+ .Replace("{{hoge}}", hoge)
16
+ .Replace("{{fuga}}", fuga);
17
+ ```
18
+
19
+ 例えば↑のようにして`{{FileName}}`を置換するということに決めてしまう。
20
+ 別に`@fn@`でもなんでもいいわけですが、要は普通には出てこない特徴的なパターンということです。
21
+
22
+
23
+ > ・HTMLファイルの["]から["]までの項目で抽出したい
24
+
25
+ 方法はいろいろあるでしょうが、何のために必要なのかがよくわかりません。
26
+ HTMLに追記する(やっぱりフォルダごとにひとつなのか??)ようなことを考えていますか?
27
+
28
+ HTMLをまるごと上書きすれば済むような方法を考えたほうが幸せな気がします。
29
+
30
+
31
+ > ・幅800で固定し、画像が大きい場合は縮小、小さい場合はそのままにしたい
32
+ 大きいサイズだと、どうしても画像の端が切れてしまう。
33
+
34
+ これはWPFの話ですね?
35
+ `Window`を(も?)`Width="800"`にしていませんか?
36
+ 枠のサイズも含むため、中にある`Image`は800より小さくなります。
37
+ どういうUIを考えているかわかりませんが、例えば`Image`しかないのであればこのような感じ。
38
+ 画像はWPFが縮小するため、リサイズは不要です(リサイズしてもかまいませんが)
39
+
40
+ ```xml
41
+ <Window
42
+ x:Class="Questions351771.MainWindow"
43
+ xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
44
+ xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
45
+ AllowDrop="True"
46
+ Drop="image_Drop"
47
+ ResizeMode="NoResize"
48
+ SizeToContent="WidthAndHeight">
49
+ <Grid>
50
+ <Image
51
+ x:Name="ImageArea"
52
+ Width="800"
53
+ HorizontalAlignment="Left"
54
+ Source="/default.png"
55
+ StretchDirection="DownOnly" />
56
+ </Grid>
57
+ </Window>
58
+ ```
59
+
60
+
61
+ > HTMLファイルに出力する際もズレのないようにしたい。
62
+
63
+ こんなん?
64
+ ```html
65
+ <html>
66
+ <div style="width:800px">
67
+ <img src="1.jpg" alt="TEST" style="max-width:100%"></img>
68
+ </div>
69
+ </html>
70
70
  ```