無法使HTML5畫布正常工作

Question

我正在學習HTML5，無法在屏幕上顯示任何內容。 它只是完全變成白色。 所有代碼都在下面。

HTML：

<head>
<script src="canvas.js"></script>

</head>
<body>
<section id="main">
    <canvas id="canvas" width="600" height="400">
        Get Chrome
    </canvas>
</section>
</body>
</html>

的JavaScript

 function doFirst(){
var x = document.getElementById('canvas');
canvas = x.getContext('2d');

canvas.shadowOffsetX = 4;
canvas.shadowOffsetY = 4;
canvas.shadowBlur = 6;
canvas.shadowColor = 'rgba(0,0,255,.5)';

canvas.font="36px Tahoma";
canvas.textAlign="end";
canvas.strokeText("omgjj", 300, 500);
 }
 window.addEventListener("load", doFirst, false);

Answer 1

您的Y坐標不在畫布上。 更改此：

canvas.strokeText("omgjj", 300, 500);

對此：

canvas.strokeText("omgjj", 300, 200);

您的文本將出現：
畫布的屏幕截圖，顯示帶有藍色陰影的筆觸“ omgjj”文本

無法使HTML5畫布正常工作

問題描述

1 個解決方案

解決方案1
1 已采納 2012-08-27 00:06:54

無法使HTML5畫布正常工作

問題描述

1 個解決方案

解決方案1 1 已采納 2012-08-27 00:06:54

解決方案1
1 已采納 2012-08-27 00:06:54