Wulin.com (www.vevb.com) Article Introduction: HTML5 Canvas text color, the attributes of the fonts we can use within the canvas range.
HTML5 Canvas text color, we can use the fonts within the canvas range properties.
Let’s give you a simple example to explain the basic syntax:
HTML5 Canvas Text Color instance
<!DOCTYPE HTML>
<html>
<head>
<title>html5_canvas_text_color</title>
<style>
body {margin: 0px;padding: 0px;}
#myCanvas {border: 1px solid #9C9898; margin:0 auto;margin-top:200px; margin-left:100px;}
</style>
<script>
window.onload = function(){
var canvas = document.getElementById(myCanvas);
var context = canvas.getContext(2d);
var x = 150;
var y = 100;
context.font = 40pt Calibri;
context.fillStyle = #0000ff; // text color
context.fillText(Hello webjx!, x, y);
};
</script>
</head>
<body>
<canvas id=myCanvas width=578 height=200>
</canvas>
</body>
</html>