【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保存,大功告成*但也有缺点,用遮罩后,会遮住其余功能,只能实现相框的拖拽
- 【krpano】可拖拽相框遮罩
- krpano
- KRPano
- krpano|kRpano|kRPano
- krpano-krpano漫游软件-krpano引擎了解
- krpano 教程 - krpano脚本运算符
- krpano 教程 - krpano 根标签中文说明
- krpano元素之krpano 根标签
- krpano-tools去水印
- krpano HTML5全景漫游
- krpano-krRpano漫游软件
- krpano|krpanoGDI|krRPano介绍
- 全景|漫游|软件|krpano|
- krpano HTML5 Viewer
- krpano户型地图
- 全景krpano相关问题解答
- KRpano全景制作
- krpano各种Objects
- spring mvc拦截器和<mvc:annotation-driven />的详解
- iOS开发 调取手机通讯录
- 实用算法
- Android开发之蓝牙详解(一)
- hibernate 与spring
- 【krpano】可拖拽相框遮罩
- 基于DLNA实现iOS、Android投屏:基本概念
- mac 上搭建mysql数据库
- 拖拽工程或者解压缩文件时提示 工程名称太长
- iOS info.plist 详解
- 各种CALayer
- Java LinkedList的实现原理详解
- 礼拜五log~对于tomcat java web开发链接的入门了解
- html 页面嵌套