Home/ Questions/Q 8439455
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-10T08:00:40+00:00

I am learning HTML5 and can’t get anything to appear on the screen. It

  • 0

I am learning HTML5 and can’t get anything to appear on the screen. It just comes up totally white. All of the code is below.

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);
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Your Y coordinate is off the canvas. Change this:

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

    To this:

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

    And your text will appear:
    A screenshot of the canvas, displaying the text 'omgjj', stroked, with a bluish drop shadow

    • 0