應用 for 迴圈在HTML5 Canvas 繪製連續正方形的範例

 

HTML5 新增的元素 Canvas 功能非常強大。譬如說想要繪製多個連續正方形的圖案。如果使用 Canvas 來繪製的話，會非常的方便又節省時間就能有效率達到想要的效果。範例程式碼如下：

<body>

<canvas id="canvas" width="500" height="500" style="border:1px solid gray;"></canvas>

<script type="text/javascript">

var canvas = document.getElementById("canvas");

var ctx_1 = canvas.getContext("2d");

// 進行連續正方形繪製程序，使用兩個 for 迴圈及應用 strokeRect() 方法來繪製出兩個連續正方形圖案。

var j=k=10, l=70;

燒香拜神會不會影響鄰居？本文以中立客觀的角度論述

在特定的宗教節日，許多民眾會在家裡燒香、點蠟燭，為家人祈求平安與福氣。這樣的行為出於善念，屬於個人信仰自由範疇。

然而，當這些行為伴隨著大量煙氣，並擴散至通風不佳的公共區域時（例如電梯廳），是否可能影響鄰居的生活品質與健康？

新北市市長信箱能為你做些甚麼- 我的經驗談(一)

自2021年起，我長期飽受隔壁住戶燒香行為的影響，他們會任意讓燒香的氣味排放到梯廳中，濃烈的煙味不僅對本人及家人的生活造成極大困擾更對健康構成威脅。

我想了一想，公寓大廈管理條例第16條第1項、第47條(註一)是不是可以幫我排除這個大樓燒香的困擾。

硬著頭皮，姑且一試吧！

C語言：初始化一個字元變數與字串的範例

在 C 語言中，初始化一個字元變數。例如：

char ch = 'A'; // 使用單引號將字元 A 框起來

要初始化一個字串，則使用雙引號將字串框起來。例如：

const char *ex1DW1 = "where";

結論：以下是本範例舉例七種初始化方式的比較如下：

我完全不懂 HTML 網頁，我想儘快完成一個簡易的網頁作品：HTML 網頁入門

從未接觸過 HTML 的朋友，不必擔心，這篇文章將帶你一步步完成你的第一個簡易 HTML 網頁。透過以下六個步驟，你將能看到你的作品在瀏覽器上呈現。

JavaScript 區域變數、全域變數及函數作用域範例

在 JavaScript 中，全域變數作用域與函數內宣告的區域變數作用域彼此獨立，但在特定情況下可能互相干擾。以下為 6 個測試範例展示這些差異：

HTML div 排版範例

CSS 結合 HTML 的 div 元素，可以創造出多樣的排版效果。本範例展示了一個三段式的排版應用。範例程式碼如下：

JavaScript 多維陣列範例

本篇網頁探討 JavaScript 多維陣列。本範例為四維陣列，經實際執行過，確認可行。