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 に答える