Question

如果我有一个字符串，例如"Hello World!"我如何只将所述字符串的上半部分绘制到javascript画布？

我希望它看起来像 this

Answer 1

使用.clip（）方法，您可以指定画布的一部分，在该画布中可以使用省略剪裁区域之外的任何内容进行绘制; la：

<html>
<body style="background:black;">
<canvas id="myCanvas" width="300" height="200"></canvas>
</body>
<script>

    var c=document.getElementById("myCanvas");
    var ctx=c.getContext("2d");
    // Clip a rectangular area
    ctx.rect(50,20,200,80);
    //ctx.stroke();
    ctx.clip();
    // Draw text into clip()
    ctx.fillStyle="#666666";
    ctx.font = "30px Arial";
    ctx.fillText("Hello World",60,110);

</script>
</html>

有关详细信息，请参阅this entry

祝你好运！

在Javascript中绘制字符串的上半部分

1 个答案: