JsPlumb使用心得 1

2021-09-10 04:52:20 字數 2185 閱讀 8325

1.初始化方法(必須要)

jsplumb.bind('ready',function()],

/**dot

rectangle

image從給定的url中繪製影象

*/ connector:['flowchart'], //連線線樣式

/**bezier(curviness彎度=150,stub曲線離開始點距離=0): 貝塞爾曲線,

flowchart(

stub兩端的短截線的最小長度=30,

alwaysrespectstubs是否始終繪製端截線=false,

gap線和被連線元素之間間隙=0,

midpoint連線線位於短截線位置=0.5,

cornerradius直角弧度=0): 具有90度轉折點的流程線,

statemachine(

curviness曲度=10,

margn線和被連線元素之間間隙=5,

proximitylimit最近距離限制=80,

loopbackradius環迴聯結器的半徑=25,

showloopback連線線缺省會跟著模組拖動改變=true,orientation="clockwise"環迴連 clockwise順時針:anticlockwise逆時針): 狀態機(環迴連就是被連線元素拖動時線繞著元素旋轉),

straight(

stub被連線元素沿生距離(直線)=0,

sourcestub僅適用於源端點的可選存根(基本無用不用管)

targetstub僅用於目標端點的可選存根(基本無用不用管)

gap端點和聯結器的起點之間間隙=0

sourcegap僅限源端點的可選間隙(基本無用不用管)

targetgap僅限目標端點的可選間隙(基本無用不用管)

): 直線

*/ anchor :['topcenter','bottomleft'], //連線點樣式

/**top,topright,topleft,right,bottom,bottomright,bottomleft,left,center

[x,y,dx,dy,offsetx,offsety]

x:點橫軸的距離,

y:點縱軸的距離(0-1 .5居中),

dx dy表示射出線,0 -1 1,0沒有線,

offsetx offsety:點偏移量

*/ paintstyle: , //線的寬度和顏色 dashstyle虛線

endpointstyle: , //端點預設樣式

container :'ul', //父容器

overlays: [ ['arrow', ] ],

/**arrow箭頭

label在連線點的可配置標籤,也可以使用getlabel,和setlabel,來獲取和設定label的文字,可傳函式

plainarrow箭頭形狀為三角形

diamond稜形

custom:自定義

允許建立自定義的疊加層,需要使用create(),來返回dom元素或者有效的選擇器(id)

overlays:[

["custom", ,

location:0.7,

id:"customoverlay"

}]]*/

issource:true, //建立可連線源(issource,istarget都為true就可以動態拖動連線了)

istarget:true //註冊連線源

maxconnections:1, //能連線的最大線數 如果-1就可以連無線條(但如果-1臉上的線就無法移除)

})

3.新增端點 addendpoint()

jsplumb.addendpoint('item_left', ,common)

第三引數為新增樣式入參為集合內容和 2 中的引數名相同

4.改變尺寸(其實是使用的jquery的方法)

$('.item').resizable(

})

5.限制可拖動區域

jsplumb.setcontainer('area-id')  //id
6.拖動

jsplumb.draggable('item_left', )
未完待續

frameset 使用心得

欲明白本篇 html徹底剖析 之標記分類,請看 標記一覽 也請先明白圍堵標記與空標記的分別,請看 html概念 框架概念 謂框架便是網頁畫面分成幾個框窗,同時取得多個 url。只需要 即可,面所有框架標記需要放在乙個總起的 html 檔,這個檔案只記錄了該框架如何分割 不會顯示任何資料,所以不必放入...

Access使用心得

今天臨時用access做資料庫,長期用sql server開發習慣了,總結一下現在為止用到的比較大的差異,以後有新的再補了 1 返回字串長度 len s lenb s 前者返回字元數,後者返回位元組數,並且access中text型別字元統一為2位元組,與sql2000不同。2 join的使用 acc...

vmware使用心得

成功在winxp環境中安裝了vista business版本,反之,亦然。可以建立工作組網路連線了,虛擬機器也可以訪問網際網路了。安裝說明 在安裝嚮導中,無論使用哪種網路連線形式,都不影響正確安裝。安裝後,可以編輯本地機和虛擬機器之間的網路連線形式。需要注意三個細節問題 1 網絡卡要設定為 電源啟動...