在HTML5画布文本中设置笔划颜色示例
<!DOCTYPE HTML>
<html>
<head>
<script>
window.onload = function () {
var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");
var x = 60;
var y = 210;
context.font = "60pt Verdana";
context.lineWidth = 4;
context.strokeStyle = "green";
context.strokeText("WELCOME", x, y);
};
</script>
</head>
<body>
<canvas id="myCanvas" width="578" height="200"></canvas>
</body>
</html>
在HTML5画布文本中设置笔划颜色语法
设置Canvas元素属性的语法
<script>
context.strokeStyle = 'red';
context.lineWidth = 5;
context.strokeText('onitroad', x, y);
</script>
HTML5 Canvas文本的笔划颜色
- Canvas元素有一个属性，可以在HTML5中设置Canvas文本的笔划颜色。
- 为此，我们可以使用Canvas元素的"Strokestyle"的属性，也可以使用StrokeText()方法。
日期：2020-04-11 23:04:06 来源：oir作者：oir