基礎知識

html5

html5 canvasというやつで赤い四角形を描画するhtmlコード

<html>
<head>
<canvas id="example" width="200" height="200">
hogehogehoge
</canvas>
<script langueage=javascript>
var example = document.getElementById('example');
var context = example.getContext('2d');
context.fillStyle = "rgb(255,0,0)";
context.fillRect(30, 30, 50, 50);
</script>
</head>
<body>
hello web page.
</body>
</html>