<!DOCTYPE html>
<html>
<head>
<meta charset = "UTF-8"/>
<title>fillText()</title>
</head>
<body>
<canvas id = "canvas" width = "300px" height = "1314px">
前端
</canvas>
<script type = "text/javascript">
var myCanvas = document.getElementById("canvas");
var ctx = myCanvas.getContext("2d");
ctx.fillText("HTML",10,50);
</script>
</body>
</html>
fillText():
fillText() 方法在画布上绘制填色的文本。文本的默认颜色是黑色
请使用 font 属性来定义字体和字号,并使用 fillStyle 属性以另一种颜色/渐变来渲染文本
JavaScript 语法:
context.fillText(text,x,y,maxWidth);
text 规定在画布上输出的文本
x 开始绘制文本的 x 坐标位置(相对于画布)
y 开始绘制文本的 y 坐标位置(相对于画布)
maxWidth 可选。允许的最大文本宽度,以像素计
<!DOCTYPE html>
<html>
<head>
<meta charset = "UTF-8"/>
<title>strokeTex