krpano之鼠标样式修改

最新推荐文章于 2022-07-29 19:52:47 发布

weixin_30906185

最新推荐文章于 2022-07-29 19:52:47 发布

阅读量208

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/s313139232/p/7383962.html

本文介绍如何在krPano全景展示系统中使用cursors.js自定义鼠标样式，包括不同方向箭头和拖拽操作的鼠标图标设置方法，并提供具体的XML配置示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

引入cursors.js。

cursors.js代码：

<krpano >

<events onxmlcomplete="action(qtvrcursor);" />

<!--鼠标样式样式属性开始 -->
  <!--（1）-->
 <action name="qtvrcursor">
        set(control.mousetype, moveto);
        set(cursors.url,  skin/qtvr-cursors.png);
        set(cursors.type, 8way);
        set(cursors.move,       0|0|16|16);
        set(cursors.drag,      16|0|16|16);
        set(cursors.arrow_u,   32|0|16|16);
        set(cursors.arrow_d,   48|0|16|16);
        set(cursors.arrow_l,   64|0|16|16);
        set(cursors.arrow_r,   80|0|16|16);
        set(cursors.arrow_lu,  96|0|16|16);
        set(cursors.arrow_ru, 112|0|16|16);
        set(cursors.arrow_rd, 128|0|16|16);
        set(cursors.arrow_ld, 144|0|16|16);
    </action>
<!--（2）-->
    <action name="dragcursor">
        set(control.mousetype, drag2D);
        set(cursors.url,  skin/drag-cursors.png);
        set(cursors.type, drag);
        set(cursors.move,  2|0|30|32);
        set(cursors.drag, 37|0|30|32);
    </action>
<!--（3）-->
    <action name="arrowcursor">
        set(control.mousetype, moveto);
        set(cursors.url,  skin/arrow-cursors.png);
        set(cursors.type, 4way);
        set(cursors.move,      112|0|28|28);
        set(cursors.drag,      112|0|28|28);
        set(cursors.arrow_r,    0|0|28|28);
        set(cursors.arrow_d,   28|0|28|28);
        set(cursors.arrow_l,   56|0|28|28);
        set(cursors.arrow_u,   84|0|28|28);
    </action>
<!--鼠标样式样式属性 END-->

</krpano>