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>