javascript - 使用 canvas 和 createjs/easeljs 查看区域

Question

我正在使用 CreateJs，我正在处理的整个程序都在 Canvas 元素内。在该元素内，我有一些(5-6 个区域)，其中的所有元素现在都应该移到外面并应该被剪切。 我为你制作了一张图片来解释这种情况。黄色部分是程序。红色边框是一个区域，里面的所有元素都不能跑到外面(我在里面放了一张图片，被剪掉了)

你知道我该怎么做吗？

Answer 1

正如 Marton 所提到的，我只是掩盖了容器。代码如下:

var container = new createjs.Container();
var maskShape = new craetejs.Shape();

maskShape.graphics.drawRect(50, 50, 200, 200); // x, y, width, height

container.mask = maskShape;