无意中从网上看到一组图片,突然萌生了做一个相框遮罩的想法,但是通过用基本的拖拽图层是无法实现,所以就想出了另外一种实现方法
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保存,大功告成*但也有缺点,用遮罩后,会遮住其余功能,只能实现相框的拖拽