krpano引线式热点插件

简介

  • 引线式热点通过动画效果引起浏览者的注意。

 

效果

默认样式

显示时同时变形成一个圆形

方形热点

引线式热点弹出的方向可设置

引线的长短可设置

可设置带有颜色的背景

打开后则始终显示

鼠标悬浮显示热点

鼠标点击时显示热点

引出的热点可设置点击动作

让热点只在最小值和最大值两个视角之间的范围内显示

在热点两边显示边框

设置边框

使用图片 

其它效果

 

使用方法

嵌入下面代码

 

插件属性

  • size
    • 以像素为单位,热点尺寸
    • 默认为10
  • color
    • 热点和线条的颜色
    • 默认为0xffffff
  • rotate
    • 引线的方向
    • 默认为45
    • 90 则向右引出
    • 180 则向下引出
    • 360 则向左上引出
    • 0 则向右上引出
  • distancepopup
    • 设置分隔区
    • 设置引线式热点激活的区域
    • 默认为5
  • min_fov
    • 设置可显示引线式热点的最小视角
    • 默认为180
  • max_fov
    • 设置可显示引线式热点的最小视角
    • 默认为0
  • line_lenght
    • 引线的长度
    • 默认为100
  • line_width
    • 引线的宽度
    • 默认为2
  • shape
    • 热点的形状
    • 默认为round
        可使用的图像

      • round
      • square
      • circle
  • circle_active_width
    • 当热点被激活,圆形被选择时圆圈的宽度
    • 默认为50
  • animation
    • 引线式热点的动画效果
    • 默认为center_screen
        可使用的动画

      • center_screen – 当进入由distancepopup设置定义的屏幕活动区域时,将显示热点标注,当离开该区域时,热点标注将隐藏。
      • keep_opened – 当进入由distancepopup设置定义的屏幕活动区域时,将显示热点标注,并保持开启状态。
      • on_over – 当鼠标悬浮在热点上时显示热点。
      • on_click – 当鼠标点击热点时显示热点。
  • text_width
    • 文本宽度,只针对内容数据。
    • 默认为300
    • 可使用”auto”
  • callout_bg_border
    • 引出部分的边框设置
    • 默认为0,0,0,2
    • 以像素为单位,控制上、右、下、左的边框。
    • 如果在180到360之间旋转引线式热点,则应该使用 0,2,0,0
  • text_x
    • 文本与边框之间的距离
    • 默认为10
  • css_title
    • 标题的CSS样式
    • 默认为color:#fff;font-size:25px;
  • css_text
    • 文本的CSS样式
    • 默认为color:#fff;font-size:16px;text-shadow: 3px 3px 8px #000000;
  • title_background
    • 标题的背景颜色
    • 默认为0xb50000
  • text_background
    • 文本的背景颜色
    • 默认为
  • title_padding
    • 标题间距
    • 默认为10
  • text_padding
    • 文本间距
    • 默认为10 10 0 0

 

使用方式,引入style=”callout”

 

 

获取方式

联系站长,联系方式见首页