裁剪效果的實現 ClippingNode

2022-09-01 04:54:07 字數 803 閱讀 3366

(1)首先要建立模板的精靈:

建立模板是用來遮掩或者顯示當前模板的範圍的。

sprite* spritemb = sprite::create("

messageboard.png

");

(2)然後使用剛才建立的模板精靈來建立模板,並將spritemb使用addchild()新增到模板中:

node* stencil =node::create();

stencil->addchild(spritemb);

(3)建立clippingnode,同時使用模板:

clippingnode* cn = clippingnode::create(stencil);

(4)為clippingnode設定一些屬性

//

設定使用模板來隱藏或者顯示指定區域

cn->setinverted(false

);//

設定alpha閥值

cn->setalphathreshold(0.05f

);//

設定位置、錨點

cn->setanchorpoint(vec2(0, 0

));cn->setposition(vec2(0, 0));

(5)為clippingnode新增底板(底板是需要被遮掩的精靈)

cn->addchild(batch);

(6)講clippingnode新增到場景

this->addchild(cn);

Liang Barsky直線裁剪演算法的實現

liang barsky直線裁剪演算法簡介 liang barsky演算法由浙江大學的梁友棟與加州大學伯克利分校的briana.barsky共同提出。該演算法採用直線引數方程和不等式,以確定裁剪框與直線間的交點。1.在執行交點計算之前,liang barsky演算法會首先對線段進行足夠的檢測以保證其...

純js實現裁剪布局

onselectstart 事件是選中的事件 document.onselectstart function e ondragstart 事件是拖拽事件 document.ondragstart function e 當右下角的按鈕滑鼠按下時 dot.onmousedown function e 大...

小議頭像預覽裁剪上傳的實現

在做頭像上傳的時候,瀏覽器預設是無法取得本地的,當然 html5 是可以的。不過ie6 8怎麼破?目前比較通用的方案都是 flash 解決。說道頭像預覽和裁剪,我最熟悉的就是 discuz 的那個了,非常方便好用。不僅可以選擇本地,還能直接呼叫攝像頭拍攝,當然前提是你必須有個攝像頭。於是我心血來潮的...