【krpano】可拖拽相框遮罩

来源:互联网 发布:淘宝e客服在哪里 编辑:程序博客网 时间:2024/05/21 18:41

无意中从网上看到一组图片,突然萌生了做一个相框遮罩的想法,但是通过用基本的拖拽图层是无法实现,所以就想出了另外一种实现方法

1、用ps做一个半透明的图层,中间抠空,做相框,保存为png格式



2、修改代码,将demo里layer的container改成image

(*layer中必须包含坐标x,y;ondown="draglayer();";)

<layername="abc" url="2111.png"

 align="center"edge="center"x="100"y="100"

ondown="draglayer();"/> 

<actionname="draglayer"> 

if(%1 !=dragging, 

    copy(drag_currentx, x); 

    copy(drag_currenty, y); 

    copy(drag_stagex, mouse.stagex); 

    copy(drag_stagey, mouse.stagey); 

    set(drag_sx, +1); 

    set(drag_sy, +1); 

    if(align == righttop,    set(drag_sx,-1); ); 

    if(align == right,       set(drag_sx,-1); ); 

    if(align == rightbottom, set(drag_sx,-1);set(drag_sy,-1); ); 

    if(align == bottom,      set(drag_sy,-1); ); 

    if(align == leftbottom,  set(drag_sy,-1); ); 

    draglayer(dragging); 

   if(pressed, 

      sub(dx, mouse.stagex, drag_stagex); 

      sub(dy, mouse.stagey, drag_stagey); 

      mul(dx, drag_sx); 

      mul(dy, drag_sy); 

      add(x, drag_currentx, dx); 

      add(y, drag_currenty, dy); 

      delayedcall(0, draglayer(dragging)); 

); 

); 

</action>  

3、ctrl+s保存,大功告成*但也有缺点,用遮罩后,会遮住其余功能,只能实现相框的拖拽


0 0
原创粉丝点击