Javascript 使用canvas和createjs/easeljs查看区域

Javascript 使用canvas和createjs/easeljs查看区域,javascript,canvas,easeljs,createjs,Javascript,Canvas,Easeljs,Createjs,我正在使用CreateJs,我正在使用的整个程序都在canvas元素中。在这个元素中,我有几个5-6个区域,其中所有的元素现在都应该放在外面,应该被切割。 我已经为你制作了一个图像来解释这种情况。黄色部分是程序。红色边框是一个区域,它里面的所有元素都不应该超出这个区域。我在里面放了一个图像,它被剪切了 你知道我该怎么做吗?正如Marton所说,我只是把容器遮住了。代码如下: var container = new createjs.Container(); var maskShape = new

我正在使用CreateJs,我正在使用的整个程序都在canvas元素中。在这个元素中,我有几个5-6个区域,其中所有的元素现在都应该放在外面,应该被切割。 我已经为你制作了一个图像来解释这种情况。黄色部分是程序。红色边框是一个区域,它里面的所有元素都不应该超出这个区域。我在里面放了一个图像,它被剪切了


你知道我该怎么做吗?

正如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;

正如马顿所说,我只是把容器蒙上了。代码如下:

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

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

container.mask = maskShape;

把它们都放在一个容器里,然后遮住容器。把它们都放在一个容器里,然后遮住容器