HTML5繪制警示牌

<canvas id="myCanvas" width="300" height="200"></canvas>
<script>
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
//繪制紅色的圓形
ctx.beginPath();
ctx.arc(150, 100, 75, 0, 2 * Math.PI);
ctx.fillStyle = "red";
ctx.fill();
//繪制白色的三角形
ctx.beginPath();
ctx.moveTo(150, 50);
ctx.lineTo(220, 150);
ctx.lineTo(80, 150);
ctx.closePath();
ctx.fillStyle = "white";
ctx.fill();
//繪制黑色的大字母X
ctx.fillStyle = "black";
ctx.font = "bold 100px Arial";
ctx.fillText("X", 105, 130);
ctx.fillText("X", 195, 130);
</script>

以上代碼使用canvas標簽和JavaScript繪制出了一個具有警示功能的圖形。其中包括一個紅色的圓形和一個白色的三角形，還有黑色的大字母X。這個圖形可以用在需要提醒用戶注意的地方，例如在網站的登錄頁面，如果用戶輸入的內容有誤，就可以以這個圖形的形式提示用戶。