【krpano】可拖拽相框遮罩

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

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保存,大功告成*但也有缺点,用遮罩后,会遮住其余功能,只能实现相框的拖拽


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值