日前,自己在做項(xiàng)目的過程中遇到此需求:需要將Facebook好友的方形頭像變成圓形頭像展示。通過網(wǎng)上的搜羅研究,發(fā)現(xiàn)使用CCRenderTexture是個(gè)不錯(cuò)的方法,歸納總結(jié)之后,形成了下面這個(gè)方法。 其實(shí),用這個(gè)方法不僅可以將圖片裁成圓形,而是可以裁成任何你想要的形狀。關(guān)鍵只在于你使用的是何種形狀的蒙版圖片而已。 方法如下: [cpp] view plain copy PRint? CCSprite * UnivCoreTest::maskedSprite(CCSprite *textureSprite) { CCSprite * maskSprite = CCSprite::create(“circle_mask.png”); CCRenderTexture * renderTexture = CCRenderTexture::create(maskSprite->getContentSize().width, maskSprite->getContentSize().height);
maskSprite->setPosition(ccp(maskSprite->getContentSize().width / 2, maskSprite->getContentSize().height / 2)); textureSprite->setPosition(ccp(textureSprite->getContentSize().width / 2, textureSprite->getContentSize().height / 2)); maskSprite->setBlendFunc((ccBlendFunc){GL_ONE, GL_ZERO}); textureSprite->setBlendFunc((ccBlendFunc){GL_DST_ALPHA, GL_ZERO}); renderTexture->begin(); maskSprite->visit(); textureSprite->visit(); renderTexture->end(); CCSprite * retval = CCSprite::createWithTexture(renderTexture->getSprite()->getTexture()); retval->setFlipY(true); return retval;} 函數(shù)形參“textureSprite”是待裁剪的方形圖片,當(dāng)然讀者需要先將其創(chuàng)建成CCSprite再傳入。 方法中出現(xiàn)的“circle_mask.png”圖片是整個(gè)裁剪過程的關(guān)鍵,它決定了你的原始圖片會被裁剪成什么形狀。 這里作者需要將原始圖片裁成圓形,故而使用了如下樣式的蒙版圖片。
圖片是一個(gè)白色的圓形,四周是透明的。
方法最后返回的CCSprite即是經(jīng)過裁剪的以圓形方式顯示的圖片。
新聞熱點(diǎn)
疑難解答