0

我正在学习 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);
4

1 回答 1

1

你的 Y 坐标不在画布上。改变这个:

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

对此:

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

您的文字将出现:
画布的屏幕截图,显示文本“omgjj”,描边,带有蓝色阴影

于 2012-08-27T00:06:54.867 回答