无法对div绘制一条指定位置的直线？

Question

<div id="myCanvas"></div>
#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标签起作用？
        上面的代码无法在普通div内绘制直线，将div修改成canvas就可以。
        

Answer 1

div怎么能用canvas的api?把div换成canvas元素吧

Answer 2

canvas和div根本就不是一回事了，肯定不能用canvas的api啊！