33 lines
805 B
HTML
33 lines
805 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<script type="text/javascript"><!--
|
|
window.onload = function () {
|
|
var canvas = document.getElementById('testCanvas'),
|
|
context = canvas.getContext('2d');
|
|
|
|
// draw a path
|
|
context.beginPath();
|
|
context.moveTo(10, 10);
|
|
context.lineTo(200, 10);
|
|
context.lineTo(200, 200);
|
|
context.stroke();
|
|
context.closePath();
|
|
|
|
context.clearRect(0, 0, canvas.width, canvas.height);
|
|
|
|
// draw some text
|
|
context.font = 'bold 40px sans-serif';
|
|
context.strokeText("Hello world!", 10, 50);
|
|
};
|
|
// --></script>
|
|
</head>
|
|
<body>
|
|
<p>You should see only see "Hello world!" below, without any additional
|
|
line. JavaScript is required.</p>
|
|
|
|
<p><canvas id="testCanvas" width="400" height="300">You need Canvas
|
|
support.</canvas></p>
|
|
|
|
</body>
|
|
</html>
|