HTML5 Canvas的文本筆觸顏色

作者：Eve Cole 更新時間：2025-04-30 00:48:01

武林網(www.vevb.com)文章簡介：要設置筆觸顏色HTML5 Canvas的文本，我們可以使用的strokeStyle畫布的背景和strokeText（）方法。

要設置筆觸顏色HTML5 Canvas的文本，我們可以使用的strokeStyle畫布的背景和strokeText（）方法。

context.strokeStyle=[value];

context.strokeText(Hello World!, x, y);

先看下個例子：

<!DOCTYPE HTML>

<html>

<head>

<title>html5_canvas_text_stroke</title>

<style>

body {margin: 0px;padding: 0px;}

#myCanvas {border: 1px solid #9C9898; margin:0 auto;margin-top:200px; margin-left:100px;}

</style>

window.onload = function(){

var canvas = document.getElementById(myCanvas);

var context = canvas.getContext(2d);

var x = 80;

var y = 110;

context.font = 60pt Calibri;

context.lineWidth = 3;

context.strokeStyle = blue; // stroke color

context.strokeText(Hello World!, x, y);

};

</script>

</head>

<body>

</canvas>

</body>

</html>