javascript - 保留 Canvas 的一部分

标签 javascript html canvas html5-canvas

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

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

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

最佳答案

我猜你正在寻找 .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

关于javascript - 保留 Canvas 的一部分,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7603142/

相关文章:

javascript - 如何在不刷新页面的情况下使用 Vue 切换按钮

Javascript firefox 无法找到所有其他浏览器所做的值

javascript - 元素偏移量始终为 0

image - 如何裁剪和调整 JavaFX 图像的大小?

javascript - Canvas Fabric .js : how to set the height correctly?

javascript - 循环内的变量函数定义?

javascript - 使多个元素在放置时可见

html - Bootstrap 网格中的图像

javascript - 保持子菜单在顶部并防止 div 的内容移动和大小

javascript - 在Javascript中计算二次曲线上任意点的切线斜率