flash as3彈性放大鏡效果

function yuan(r:number ,ang:number):sprite   

//建立2個半徑為80圓   

var spx:sprite=yuan(80,0);   

var spy:sprite=yuan(80,math.pi/2);//線性填充色偏移90   

var ss:number=2;//2的ss次冪   

var i:number=0;   

//建立2個透明位圖，大小為圓1圓2等同   

var spbtx:bitmapdata=new bitmapdata(spx.width,spx.height,true,0);   

var spbty:bitmapdata=new bitmapdata(spy.width,spy.height,true,0);

//為拷貝顏色通道的源位圖資料   

spbtx.draw(spx);//點陣圖1拍照圓1，   

spbty.draw(spy);//點陣圖2拍照圓2，   

//位圖資料1拷貝以位圖2為源影象的顏色通道值，源紅目標藍（1,4）   

spbtx.copychannel(spbty,spbty.rect,new point(),bitmapdatachannel.red, bitmapdatachannel.blue);   

var spbtxm:bitmap=addchild(new bitmap(spbtx)) as bitmap;

//將位圖資料1儲存到位圖顯示物件中   

//建立用於新增濾鏡的點陣圖資料spb   

var spb:bitmapdata=new bitmapdata(spx.width+60,spx.height+60,true,0);   

//新增了模糊濾鏡的圖形   

var s:bitmapdata=new bitmapdata(spx.width+60,spx.height+60,false,0x808080);   

s.draw(spb);   

spb.dispose();//釋放記憶體中的點陣圖資料物件   

spbtx.dispose();   

spbty.dispose();   

mc.addeventlistener(event.enter_frame,onmove);   

var p:point=new point();//目標圖左上角與置換圖左上角的偏移量   

function onmove(e:event):void  

WPF放大鏡效果

原文 wpf放大鏡效果 在做wpf專案中，不止兩個專案需要有放大鏡功能。第乙個專案是乙個手術室的遠端示教系統，主要是為了方便專家演示病症時，可以放大上的某些部位。第二個專案是乙個工廠的mes專案，其中有個功能是質量預警，主要就是根據疵點，對比實物進行預警。可是疵點很小，這時就需要乙個放大鏡的功能。效...

京東放大鏡效果

先上html和css box box1 box1 img mask mask hover box2 box2 img 前面滑鼠覆蓋出現，滑鼠離開消失等都不難。先獲取各個元素，設定display屬性就好了。直接上 let mask document.queryselector mask let box...

放大鏡效果（offset）

注 preview img 初始 需要放大的 mask 遮擋層 big 大盒子 preview img.addeventlistener mousemove function e else if maskx maskmax if masky 0 else if masky maskmax mask....