javascript - Can't draw a straight line to a specified position on a div?

Question

<p id="myCanvas"></p>
#myCanvas {
    width:100px;height:100px;
    border: 1px dashed black;
}

        var canvas = document.getElementById("myCanvas");
        var context = canvas.getContext("2d");
        context.lineWidth = 10;
        context.moveTo(0, 50);
        context.lineTo(50, 50);
        context.stroke();
        
        canvas的用法是否仅仅对canvas标签起作用？
        上面的代码无法在普通p内绘制直线，将p修改成canvas就可以。
        

Answer 1

How can p use canvas api? Replace p with canvas element

Answer 2

Canvas and p are not the same thing at all. You definitely can’t use canvas’s API!