保留画布的一部分

Question

在HTML5画布元素上绘图时,是否可以保持部分不受影响？你可以参与图像的一部分,然后重绘那部分,如果它不是直接可能的吗？

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

我希望在保留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