cocos2dx-js 实现圆形头像

cocos2dx-js 实现圆形头像, 代码如下：

// 首先创建一个Node

var stencil = new cc.Node();

// 接下来使用一个圆形的图片作为头像框的大小

var iconHole = new cc.Sprite("img_0.png");

// 在刚刚的节点上添加这个精灵图

stencil.addChild(iconHole);

// 再依据刚刚的Node再创建一个用于裁切的Node

var clippingNode = new cc.ClippingNode(stencil);

clippingNode.setInverted(false);

clippingNode.setAlphaThreshold(0);

// 将剪切node添加到容器中（例如：this）

this.addChild(clippingNode);

// 创建一个大于圆圈的图片精灵，添加在裁切功能的Node上（头像）

var playerHeadIcon = new cc.Sprite("img_1.png");

clippingNode.addChild(playerHeadIcon);

     img_0.png

  img_1.png

运行之后效果 如下

本文翻译至该链接的 lua 文章：https://blog.csdn.net/GrowingNoob/article/details/49818693