隨著電子文檔的普及，越來越多的機構、企業(yè)開始采用電子印章來替代傳統(tǒng)的紙質印章。在網頁應用中，我們往往需要使用html生成電子印章，下面我們來講講如何使用html生成印章代碼。

<canvas id="canvas" width="300" height="300"></canvas>
<script type="text/javascript">
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
// 畫外圓
ctx.beginPath();
ctx.arc(150, 150, 120, 0, 2 * Math.PI);
ctx.strokeStyle = "#c3222d";
ctx.stroke();
// 畫內圓
ctx.beginPath();
ctx.arc(150, 150, 80, 0, 2 * Math.PI);
ctx.fillStyle = "#c3222d";
ctx.fill();
// 畫印章標題
ctx.fillStyle = "#ffffff";
ctx.font = "bold 32px Arial";
ctx.textAlign = "center";
ctx.fillText("電子印章", 150, 100);
// 畫印章上的文字
ctx.fillStyle = "#ffffff";
ctx.font = "bold 24px Arial";
ctx.textAlign = "center";
ctx.fillText("印章名", 150, 180);
ctx.fillText("12-01", 150, 220);
// 畫印章中的圖案
ctx.beginPath();
ctx.moveTo(50, 210);
ctx.lineTo(60, 220);
ctx.lineTo(90, 190);
ctx.lineTo(120, 220);
ctx.lineTo(130, 210);
ctx.lineWidth = 10;
ctx.strokeStyle = "#ffffff";
ctx.stroke();
</script>

以上代碼可以生成一個簡單的電子印章：外圓為紅色、內圓為白色、中間有一個由白色線條組成的“勾玉”圖案，上面有印章名稱和日期。其中，canvas標簽用于繪圖，通過getContext()方法獲取2D上下文對象來實現(xiàn)繪制；具體的繪制代碼在script標簽內，在畫圖時需要指定顏色、線寬、字體等參數。