应用错误收集

我有一个基本的画布元素 fillRect 。

如何在下面的元素上添加破折号。

ctx.fillStyle = '#40516a';
ctx.fillRect(70, 1, 5, 180);

<!DOCTYPE html>
<html>
<body>

<canvas id="myCanvas" width="200" height="100" style="border:1px solid #d3d3d3;">
Your browser does not support the HTML canvas tag.</canvas>

<script>
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.fillStyle = '#40516a';
ctx.fillRect(70, 1, 5, 180);
</script>

</body>
</html>

我尝试了下面的代码，但是没有用。

ctx.beginPath();
ctx.setLineDash([5, 15]);

我想要如下所示的输出。

HTML Canvas创建垂直虚线

0 个答案: