質問編集履歴
5
「合成する画像を記事別に動的に変えたい」という目的を記載しました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -2,7 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
- 画像データを販売するサイトを作成している
|
|
4
4
|
|
|
5
|
-
- phpで画像に透かし（ウォーターク）を入れたサンプルデータを表示したい
|
|
5
|
+
- phpで画像に透かし（ウォータマーク）を入れたサンプルデータを表示したい
|
|
6
|
+
|
|
7
|
+
- 商品ページ毎に合成する画像を記事別に動的に変えたい
|
|
6
8
|
|
|
7
9
|
- 最終的にそのサンプルデータをインラインイメージとして任意の場所に出力したい
|
|
8
10
|
|
|
@@ -20,13 +22,11 @@
|
|
|
20
22
|
|
|
21
23
|
```php
|
|
22
24
|
|
|
23
|
-
//watermark.php
|
|
24
|
-
|
|
25
25
|
<?php
|
|
26
26
|
|
|
27
27
|
$stamp = imagecreatefrompng( 'watermark.png' );
|
|
28
28
|
|
|
29
|
-
$im = imagecreatefromjpeg( '
|
|
29
|
+
$im = imagecreatefromjpeg( 'hanbai_data.jpg' );
|
|
30
30
|
|
|
31
31
|
|
|
32
32
|
|
|
@@ -64,13 +64,13 @@
|
|
|
64
64
|
|
|
65
65
|
```
|
|
66
66
|
|
|
67
|
-
↓
|
|
67
|
+
↓上記のコードだけを記載したphpファイルを開いた結果
|
|
68
68
|
|
|
69
69
|
|
|
70
70
|
|
|
71
71
|
|
|
72
72
|
|
|
73
|
-
↓
|
|
73
|
+
↓出力結果のコード
|
|
74
74
|
|
|
75
75
|
```php
|
|
76
76
|
|
|
@@ -86,7 +86,7 @@
|
|
|
86
86
|
|
|
87
87
|
<body style="margin: 0px; background: #0e0e0e;">
|
|
88
88
|
|
|
89
|
-
<img style="-webkit-user-select: none;margin: auto;" src="https://【ドメイン】/test01/wp-content/themes/storefront-child/
|
|
89
|
+
<img style="-webkit-user-select: none;margin: auto;" src="https://【ドメイン】/test01/wp-content/themes/storefront-child/コードを記載したphpファイル名.php" width="640" height="480">
|
|
90
90
|
|
|
91
91
|
</body>
|
|
92
92
|
|
4
出力結果のコードを追記
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -152,10 +152,34 @@
|
|
|
152
152
|
|
|
153
153
|
|
|
154
154
|
|
|
155
|
-
###追記
|
|
155
|
+
###追記1
|
|
156
156
|
|
|
157
157
|
表示したいページのbodyタグ内に「画面該当箇所のコード」を貼り付けると、もともと書かれていたhtmlはすべて無視されて下記のようになります。
|
|
158
158
|
|
|
159
159
|
|
|
160
160
|
|
|
161
161
|
（右上のウィンドウはキャプチャソフトの画面なので無視してください）
|
|
162
|
+
|
|
163
|
+
|
|
164
|
+
|
|
165
|
+
###追記2
|
|
166
|
+
|
|
167
|
+
chromeのディベロッパーモードでどんなhtmlが吐き出されているのか確認しました。
|
|
168
|
+
|
|
169
|
+
出力結果のコード
|
|
170
|
+
|
|
171
|
+
```html
|
|
172
|
+
|
|
173
|
+
<body style="margin: 0px; background: #0e0e0e;">
|
|
174
|
+
|
|
175
|
+
<img style="-webkit-user-select: none;margin: auto;" src="https://ドメイン/test01/product/1068/">
|
|
176
|
+
|
|
177
|
+
</body>
|
|
178
|
+
|
|
179
|
+
```
|
|
180
|
+
|
|
181
|
+
|
|
182
|
+
|
|
183
|
+
bodyタグ内でいうとこれだけしか表示されません。
|
|
184
|
+
|
|
185
|
+
エラーらしきものはこの中からは見つけられませんでした。
|
3
誤字修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -154,7 +154,7 @@
|
|
|
154
154
|
|
|
155
155
|
###追記
|
|
156
156
|
|
|
157
|
-
表示したいページのbodyタグ内に「画面該当箇所のコード」を貼り付けると、
|
|
157
|
+
表示したいページのbodyタグ内に「画面該当箇所のコード」を貼り付けると、もともと書かれていたhtmlはすべて無視されて下記のようになります。
|
|
158
158
|
|
|
159
159
|
|
|
160
160
|
|
2
コードを該当箇所に貼り付けた結果を追記
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -147,3 +147,15 @@
|
|
|
147
147
|
base64エンコード
|
|
148
148
|
|
|
149
149
|
→https://kaworu.jpn.org/kaworu/2008-04-06-1.php
|
|
150
|
+
|
|
151
|
+
|
|
152
|
+
|
|
153
|
+
|
|
154
|
+
|
|
155
|
+
###追記
|
|
156
|
+
|
|
157
|
+
表示したいページのbodyタグ内に「画面該当箇所のコード」を貼り付けると、ほかのhtmlはすべて無視されて下記のようになります。
|
|
158
|
+
|
|
159
|
+
|
|
160
|
+
|
|
161
|
+
（右上のウィンドウはキャプチャソフトの画面なので無視してください）
|
1
誤字修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -100,7 +100,7 @@
|
|
|
100
100
|
|
|
101
101
|
|
|
102
102
|
|
|
103
|
-
画像だけを任意の個所に出力したのに、ファイル全体が「合成後の画像データ
|
|
103
|
+
画像だけを任意の個所に出力したのに、ファイル全体が「合成後の画像データ」みたいな感じになってしまいます。
|
|
104
104
|
|
|
105
105
|
|
|
106
106
|
|