質問編集履歴
5
「合成する画像を記事別に動的に変えたい」という目的を記載しました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
###実現したいこと・前提条件
|
|
2
2
|
- 画像データを販売するサイトを作成している
|
|
3
|
-
- phpで画像に透かし（ウォーターク）を入れたサンプルデータを表示したい
|
|
3
|
+
- phpで画像に透かし（ウォータマーク）を入れたサンプルデータを表示したい
|
|
4
|
+
- 商品ページ毎に合成する画像を記事別に動的に変えたい
|
|
4
5
|
- 最終的にそのサンプルデータをインラインイメージとして任意の場所に出力したい
|
|
5
6
|
|
|
6
7
|
|
|
@@ -9,10 +10,9 @@
|
|
|
9
10
|
|
|
10
11
|
###画面該当箇所のコード
|
|
11
12
|
```php
|
|
12
|
-
//watermark.php
|
|
13
13
|
<?php
|
|
14
14
|
$stamp = imagecreatefrompng( 'watermark.png' );
|
|
15
|
-
$im = imagecreatefromjpeg( '
|
|
15
|
+
$im = imagecreatefromjpeg( 'hanbai_data.jpg' );
|
|
16
16
|
|
|
17
17
|
|
|
18
18
|
// スタンプの余白を設定し、スタンプ画像の幅と高さを取得します
|
|
@@ -31,10 +31,10 @@
|
|
|
31
31
|
imagedestroy( $im );
|
|
32
32
|
?>
|
|
33
33
|
```
|
|
34
|
-
↓
|
|
34
|
+
↓上記のコードだけを記載したphpファイルを開いた結果
|
|
35
35
|
|
|
36
36
|
|
|
37
|
-
↓
|
|
37
|
+
↓出力結果のコード
|
|
38
38
|
```php
|
|
39
39
|
<html>
|
|
40
40
|
<head>
|
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
<title>watermark.php (640×480)</title>
|
|
43
43
|
</head>
|
|
44
44
|
<body style="margin: 0px; background: #0e0e0e;">
|
|
45
|
-
<img style="-webkit-user-select: none;margin: auto;" src="https://【ドメイン】/test01/wp-content/themes/storefront-child/
|
|
45
|
+
<img style="-webkit-user-select: none;margin: auto;" src="https://【ドメイン】/test01/wp-content/themes/storefront-child/コードを記載したphpファイル名.php" width="640" height="480">
|
|
46
46
|
</body>
|
|
47
47
|
</html>
|
|
48
48
|
|
4
出力結果のコードを追記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -75,7 +75,19 @@
|
|
|
75
75
|
→https://kaworu.jpn.org/kaworu/2008-04-06-1.php
|
|
76
76
|
|
|
77
77
|
|
|
78
|
-
###追記
|
|
78
|
+
###追記1
|
|
79
79
|
表示したいページのbodyタグ内に「画面該当箇所のコード」を貼り付けると、もともと書かれていたhtmlはすべて無視されて下記のようになります。
|
|
80
80
|
|
|
81
|
-
（右上のウィンドウはキャプチャソフトの画面なので無視してください）
|
|
81
|
+
（右上のウィンドウはキャプチャソフトの画面なので無視してください）
|
|
82
|
+
|
|
83
|
+
###追記2
|
|
84
|
+
chromeのディベロッパーモードでどんなhtmlが吐き出されているのか確認しました。
|
|
85
|
+
出力結果のコード
|
|
86
|
+
```html
|
|
87
|
+
<body style="margin: 0px; background: #0e0e0e;">
|
|
88
|
+
<img style="-webkit-user-select: none;margin: auto;" src="https://ドメイン/test01/product/1068/">
|
|
89
|
+
</body>
|
|
90
|
+
```
|
|
91
|
+
|
|
92
|
+
bodyタグ内でいうとこれだけしか表示されません。
|
|
93
|
+
エラーらしきものはこの中からは見つけられませんでした。
|
3
誤字修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -76,6 +76,6 @@
|
|
|
76
76
|
|
|
77
77
|
|
|
78
78
|
###追記
|
|
79
|
-
表示したいページのbodyタグ内に「画面該当箇所のコード」を貼り付けると、
|
|
79
|
+
表示したいページのbodyタグ内に「画面該当箇所のコード」を貼り付けると、もともと書かれていたhtmlはすべて無視されて下記のようになります。
|
|
80
80
|
|
|
81
81
|
（右上のウィンドウはキャプチャソフトの画面なので無視してください）
|
2
コードを該当箇所に貼り付けた結果を追記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -72,4 +72,10 @@
|
|
|
72
72
|
→https://www.php.net/manual/ja/image.examples-watermark.php
|
|
73
73
|
|
|
74
74
|
base64エンコード
|
|
75
|
-
→https://kaworu.jpn.org/kaworu/2008-04-06-1.php
|
|
75
|
+
→https://kaworu.jpn.org/kaworu/2008-04-06-1.php
|
|
76
|
+
|
|
77
|
+
|
|
78
|
+
###追記
|
|
79
|
+
表示したいページのbodyタグ内に「画面該当箇所のコード」を貼り付けると、ほかのhtmlはすべて無視されて下記のようになります。
|
|
80
|
+
|
|
81
|
+
（右上のウィンドウはキャプチャソフトの画面なので無視してください）
|
1
誤字修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -49,7 +49,7 @@
|
|
|
49
49
|
```
|
|
50
50
|
↑そもそもなぜimgタグ内の画像パスが.php形式になるのかよくわからないです。
|
|
51
51
|
|
|
52
|
-
画像だけを任意の個所に出力したのに、ファイル全体が「合成後の画像データ
|
|
52
|
+
画像だけを任意の個所に出力したのに、ファイル全体が「合成後の画像データ」みたいな感じになってしまいます。
|
|
53
53
|
|
|
54
54
|
###試したこと
|
|
55
55
|
例えば、サーバー上にすでに存在する画像をbase64エンコードして出力するだけであれば下記の方法でできました。
|