05_DrawText.html
Dosyayı İndir
<!DOCTYPE html>
<html>
<body>
<canvas id="mycanvas" width="300" height="240" style="border: 1px solid blue">
</canvas>
<script>
var mycanvas = document.getElementById('mycanvas');
var mycontext=mycanvas.getContext("2d");
mycontext.fillStyle= '#0000FF';
mycontext.font= 'Bold 30px Sans-Serif';
mycontext.fillText ('Godoro', 60, 80);
mycontext.font= 'Italic 40px Arial';
mycontext.strokeText('HTML 5', 60, 130);
mycontext.shadowOffsetX = 4;
mycontext.shadowOffsetY = 4;
mycontext.shadowBlur = 8;
mycontext.shadowColor = "rgba(0, 0, 0, 0.5)";
mycontext.font= 'Bold 40px Courier New';
mycontext.fillText('Canvas', 60, 180);
</script>
</body>
</html>
Dosyayı İndir 