如何使用imagestring 函數在圖像上添加日期和時間戳？

gitbox 2025-09-18
<span><span><span class="hljs-meta">&lt;?php</span></span><span>
</span><span><span class="hljs-comment">// 這是文章前面的PHP部分，與正文內容無關</span></span><span>
</span><span><span class="hljs-keyword">echo</span></span><span> </span><span><span class="hljs-string">"歡迎閱讀本篇教程！"</span></span><span>;
</span><span><span class="hljs-meta">?&gt;</span></span><span>

&lt;hr&gt;

</span><span><span class="hljs-meta">&lt;?php</span></span><span>
<span class="hljs-comment">/*
標題：如何使用 imagestring 函數在圖像上添加日期和時間戳？
*/</span>

</span><span><span class="hljs-comment">// 在PHP中，imagestring函數可以用於在圖像上繪製簡單的文本。</span></span><span>
</span><span><span class="hljs-comment">// 我們可以結合date函數獲取當前日期和時間，並將其寫入圖像。</span></span><span>

</span><span><span class="hljs-comment">// 1. 創建一個空白圖像</span></span><span>
</span><span><span class="hljs-variable">$width</span></span><span> = </span><span><span class="hljs-number">400</span></span><span>;
</span><span><span class="hljs-variable">$height</span></span><span> = </span><span><span class="hljs-number">100</span></span><span>;
</span><span><span class="hljs-variable">$image</span></span><span> = </span><span><span class="hljs-title function_ invoke__">imagecreatetruecolor</span></span><span>(</span><span><span class="hljs-variable">$width</span></span><span>, </span><span><span class="hljs-variable">$height</span></span><span>);

</span><span><span class="hljs-comment">// 2. 分配顏色</span></span><span>
</span><span><span class="hljs-variable">$background_color</span></span><span> = </span><span><span class="hljs-title function_ invoke__">imagecolorallocate</span></span><span>(</span><span><span class="hljs-variable">$image</span></span><span>, </span><span><span class="hljs-number">255</span></span><span>, </span><span><span class="hljs-number">255</span></span><span>, </span><span><span class="hljs-number">255</span></span><span>); </span><span><span class="hljs-comment">// 白色背景</span></span><span>
</span><span><span class="hljs-variable">$text_color</span></span><span> = </span><span><span class="hljs-title function_ invoke__">imagecolorallocate</span></span><span>(</span><span><span class="hljs-variable">$image</span></span><span>, </span><span><span class="hljs-number">0</span></span><span>, </span><span><span class="hljs-number">0</span></span><span>, </span><span><span class="hljs-number">0</span></span><span>); </span><span><span class="hljs-comment">// 黑色文字</span></span><span>

</span><span><span class="hljs-comment">// 3. 填充背景</span></span><span>
</span><span><span class="hljs-title function_ invoke__">imagefilledrectangle</span></span><span>(</span><span><span class="hljs-variable">$image</span></span><span>, </span><span><span class="hljs-number">0</span></span><span>, </span><span><span class="hljs-number">0</span></span><span>, </span><span><span class="hljs-variable">$width</span></span><span>, </span><span><span class="hljs-variable">$height</span></span><span>, </span><span><span class="hljs-variable">$background_color</span></span><span>);

</span><span><span class="hljs-comment">// 4. 獲取當前日期和時間</span></span><span>
</span><span><span class="hljs-variable">$timestamp</span></span><span> = </span><span><span class="hljs-title function_ invoke__">date</span></span><span>(</span><span><span class="hljs-string">'Y-m-d H:i:s'</span></span><span>);

</span><span><span class="hljs-comment">// 5. 在圖像上添加日期和時間</span></span><span>
</span><span><span class="hljs-comment">// 參數解釋：圖像、字體大小（1-5）、X坐標、Y坐標、文本內容、顏色</span></span><span>
</span><span><span class="hljs-title function_ invoke__">imagestring</span></span><span>(</span><span><span class="hljs-variable">$image</span></span><span>, </span><span><span class="hljs-number">5</span></span><span>, </span><span><span class="hljs-number">10</span></span><span>, </span><span><span class="hljs-number">40</span></span><span>, </span><span><span class="hljs-variable">$timestamp</span></span><span>, </span><span><span class="hljs-variable">$text_color</span></span><span>);

</span><span><span class="hljs-comment">// 6. 输出圖像到浏览器</span></span><span>
</span><span><span class="hljs-title function_ invoke__">header</span></span><span>(</span><span><span class="hljs-string">'Content-Type: image/png'</span></span><span>);
</span><span><span class="hljs-title function_ invoke__">imagepng</span></span><span>(</span><span><span class="hljs-variable">$image</span></span><span>);

</span><span><span class="hljs-comment">// 7. 释放圖像内存</span></span><span>
</span><span><span class="hljs-title function_ invoke__">imagedestroy</span></span><span>(</span><span><span class="hljs-variable">$image</span></span><span>);

<span class="hljs-comment">/*
說明：
- imagestring適合繪製簡單文字，如果需要更多字體樣式，可以使用imagettftext。
- X和Y坐標可以根据圖像大小调整，以確保文字顯示在合適位置。
- date函數可以自定義格式，例如 'Y-m-d H:i:s' 顯示完整日期和時間。
*/</span>

</span><span><span class="hljs-meta">?&gt;</span></span><span>

</span><span><span class="hljs-meta">&lt;?php</span></span><span>
</span><span><span class="hljs-comment">// 這是文章尾部的PHP部分，與正文內容無關</span></span><span>
</span><span><span class="hljs-keyword">echo</span></span><span> </span><span><span class="hljs-string">"文章結束，感謝閱讀！"</span></span><span>;
</span><span><span class="hljs-meta">?&gt;</span></span><span>
</span></span>
imagestring