无法对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元素吧