问题遇到的现象和发生背景
问题相关代码,请勿粘贴截图
<!DOCTYPE html>
<html>
<body>
<canvas id="myCanvas" width="300" height="150" style="border:1px solid #d3d3d3;">
Your browser does not support the HTML5 canvas tag.
</canvas>
<script>
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(10,100);
ctx.lineTo(120,10);
ctx.stroke();
</script>
</body>
</html>
![img](https://img-mid.csdnimg.cn/release/static/image/mid/ask/870546846646126.jpg "#left")
运行结果及报错内容
我的解答思路和尝试过的方法
我想要达到的结果
从起点到终点的中点画一个箭头,