canvas中 textAlign的start和left的区别是什么
从以下代码可以看出这两个的位置是都是从X,Y这个坐标开始绘制的，是不是start和left就是等价的 它们之间有区别吗
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>canvas</title>
</head>
<body>
<canvas id="cav" width="500" height="300" style="border:1px solid #000;"></canvas>
</body>
<script>
var oCav = document.getElementById("cav");
var ctx=oCav.getContext("2d");
//在位置150创建一个红色线
ctx.strokeStyle="red";
ctx.moveTo(250,20);
ctx.lineTo(250,270);
ctx.stroke();
ctx.font="20px Arial";
// 表明不同TextAlign值
ctx.textAlign="start";
ctx.fillText("start",250,60);
ctx.textAlign="left";
ctx.fillText("left",250,140);
</script>
</html>
慕后端2871187浏览 3525回答 1
1回答
随时随地看视频慕课网APP
Html/CSS
Html5
JavaScript