cocos-js 使用clipingnode 将正方形图片裁切成圆形图片

前端之家收集整理的这篇文章主要介绍了cocos-js 使用clipingnode 将正方形图片裁切成圆形图片前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
@H_502_2@var stencil = @H_502_2@new @H_502_2@cc.Sprite(@H_502_2@"res/mask.png"); // 遮罩模板 -- 就是你想把图片变成的形状
@H_502_2@var clipnode = @H_502_2@new @H_502_2@cc.ClippingNode();
clipnode.attr({

    @H_502_2@stencil: stencil // 将模板设置给clippingnode
});


@H_502_2@this.addChild(clipnode);

// 具体需要裁切的图片
@H_502_2@var bo2 = @H_502_2@new @H_502_2@cc.Sprite(@H_502_2@"res/96.jpeg");
clipnode.addChild(bo2);
 
原图:
裁切后:

猜你在找的Cocos2d-x相关文章