cocos2d-js使用clippingNode

在游戏界面中经常遇到规则的图形显示，如用户头像是圆的，但是原始图片却是方的，这时需要使用clippingnode进行裁剪，就可以显示出任何想要的形状。
显示圆形的代码如下：

//要显示的圆形模板
var shape = new cc.DrawNode();
shape.drawCircle(cc.p(0,0), 20, cc.degreesToRadians(0), 50, false, 10, cc.color(255, 255, 255, 255));
// 增加一个圆形显示
var clipper = new cc.ClippingNode();
clipper.x = 350;
clipper.y = 350;
clipper.stencil = shape;  // 把刚刚创建的圆形模板放入
self.addChild(clipper);

var logo  = new cc.Sprite(res.hello_png);
clipper.addChild(logo);    // 在这个clippingnode中只显示圆形模板的部分.