javascript - 保留 Canvas 的一部分

Question

在 HTML5 canvas 元素上绘制时，是否可以保留一部分不变？您能否截取图像的一部分，然后在无法直接绘制的情况下重新绘制该部分？

我想到的唯一解决方案是绘制到一个单独的、较小的 Canvas 上，然后将其复制到主 Canvas 上。这是一种可行的方法吗？

我希望在保留 ui 的同时绘制游戏场景。遗憾的是，抽奖顺序无法提前知晓。

Answer 1

我猜你正在寻找 .clip : http://jsfiddle.net/eGjak/122/ .

ctx.rect(100, 50, 200, 100);          // make a region
ctx.clip();                           // constrain to that region
ctx.drawImage($("img").get(0), 0, 0); // draw image