亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

jsPlumb（2）-配置

tracy / 3754人閱讀

摘要：感受最容易最直觀是重寫的默認(rèn)配置。有效健，初始值如下注意的是。每條默認(rèn)設(shè)置的解釋對(duì)于那些沒有聲明的，對(duì)的和也適用。所有的和的給默認(rèn)使用是否可通過鼠標(biāo)分離當(dāng)被請(qǐng)求卻不存在時(shí)是否報(bào)錯(cuò)默認(rèn)的遮罩可通過配置配置是否可以連接的定義的和默認(rèn)所有的通過

感受jsPlumb最容易最直觀是重寫jsPlumb的默認(rèn)配置。如果你沒這么做，你不得不每次調(diào)用都得重寫這些值。connect和addEndpoint的每個(gè)參數(shù)都和jsPlumb的默認(rèn)值有關(guān)。

默認(rèn)設(shè)置存儲(chǔ)在jsPlumb.Defaults，是個(gè)javascript對(duì)象。有效健，初始值如下：

Anchor : "BottomCenter",
Anchors : [ null, null ],
ConnectionsDetachable   : true,
ConnectionOverlays  : [],
Connector : "Bezier",
Container : null,
DoNotThrowErrors  : false,
DragOptions : { },
DropOptions : { },
Endpoint : "Dot",
Endpoints : [ null, null ],
EndpointOverlays : [ ],
EndpointStyle : { fillStyle : "#456" },
EndpointStyles : [ null, null ],
EndpointHoverStyle : null,
EndpointHoverStyles : [ null, null ],
HoverPaintStyle : null,
LabelStyle : { color : "black" },
LogEnabled : false,
Overlays : [ ],
MaxConnections : 1,
PaintStyle : { lineWidth : 8, strokeStyle : "#456" },
ReattachConnections : false,
RenderMode : "svg",
Scope : "jsPlumb_DefaultScope"

注意：EndpointHoverStyle 的fillStyle是null
。也就是說jsPlumb使用來自Connector的hover style的strokeStyle來填充Endpoint。

EndpointStyle和EndpointStyles你都可以定制，你可以讓每個(gè)連接的Endpoint都不一樣。Endpoint和Endpoints也一樣。jsPlumb會(huì)先檢查用戶的Endpoint和EndpointStyle數(shù)組，然后再檢查默認(rèn)的。

你可以通過importDefaults方法覆蓋默認(rèn)值：

jsPlumb.importDefaults({
  PaintStyle : {
    lineWidth:13,
    strokeStyle: "rgba(200,0,0,0.5)"
  },
  DragOptions : { cursor: "crosshair" },
  Endpoints : [ [ "Dot", { radius:7 } ], [ "Dot", { radius:11 } ] ],
  EndpointStyles : [{ fillStyle:"#225588" }, { fillStyle:"#558822" }]
});

加載并執(zhí)行這段代碼后，就會(huì)得到效果。

每條默認(rèn)設(shè)置的解釋

Anchor 對(duì)于那些沒有聲明Anchor的Endpoint，對(duì)Connection的source和target也適用。

Anchors 所有Connection的source和target的Anchors

Connector 給默認(rèn)Connector使用

ConnectionsDetachable Connections是否可通過鼠標(biāo)分離

Container

DoNotThrowErrors 當(dāng)Anchor, Endpoint or Connector被請(qǐng)求卻不存在時(shí)是否報(bào)錯(cuò)

ConnectionOverlays 默認(rèn)Connection的遮罩

DragOptions 可通過jsPlumb.draggable配置

DropOptions 配置Endpoint是否可以drop連接

Endpoint Endpoint的定義

Endpoints jsPlumb.connect的source 和 target

EndpointOverlays 默認(rèn)所有的Overlays

EndpointStyle

EndpointStyles

EndpointHoverStyle

EndpointHoverStyles

HoverPaintStyle

LabelStyle

LogEnabled

Overlays

MaxConnections

PaintStyle

ReattachConnections

RenderMode

Scope

jsPlumb.getInstance

通過 jsPlumb.getInstance

jsPlumb.getInstance({
  PaintStyle : {
    lineWidth:13,
    strokeStyle: "rgba(200,0,0,100)"
  },
  DragOptions : { cursor: "crosshair" },
  Endpoints : [ [ "Dot", { radius:7 } ], [ "Dot", { radius:11 } ] ],
  EndpointStyles : [
    { fillStyle:"#225588" }, 
    { fillStyle:"#558822" }
  ]
});

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/64665.html

相關(guān)文章

  • jsPlumb（1） - 開始使用

    摘要：社區(qū)版本為開發(fā)者在他們的網(wǎng)頁上提供可視化的元素連接。在現(xiàn)代的瀏覽器使用，在和以下版本使用。建議用戶自己設(shè)置。到目前為止，一個(gè)在每個(gè)終點(diǎn)都有，在中間有一個(gè)標(biāo)簽，添加四個(gè)元素，實(shí)際添加的元素取決于渲染器使用的是還是。 jsPlumb jsPlumb社區(qū)版本為開發(fā)者在他們的網(wǎng)頁上提供可視化的元素連接。在現(xiàn)代的瀏覽器使用SVG，在IE8和以下版本使用VML。 jsPlumb沒有額外的依賴。 ...

    LoftySoul 評(píng)論0 收藏0

  • jsPlumb（3）-基本概念

    摘要：介紹是用來連接元素的，所以核心是，其中又分為以下四個(gè)概念一個(gè)和某個(gè)相關(guān)元素的位置。有四種類型貝塞爾曲線直線流程圖狀態(tài)機(jī)。一個(gè)由兩個(gè)一個(gè)，可有可無。每個(gè)有一個(gè)關(guān)聯(lián)的。的公共只有和，創(chuàng)建和配置。但是你需要熟悉其內(nèi)部的的概念。 介紹 jsPlumb是用來連接元素的，所以核心是Connection，其中又分為以下四個(gè)概念： Anchor 一個(gè)和某個(gè)相關(guān)元素的位置。你不能創(chuàng)建它們，非可視化，只...

    tulayang 評(píng)論0 收藏0

  • 在vue項(xiàng)目中jsPlumb制作流程圖，拖拽復(fù)制使用 jquery 和 jquery UI

    摘要：用做流程圖的項(xiàng)目，有一項(xiàng)功能是要從左側(cè)的菜單欄拖動(dòng)項(xiàng)目到右側(cè)的面板上。參考了一些博客和，決定使用中的和功能。 這是早期用jsPlumb做流程圖走的一個(gè)坑，使用jquery來制作流程圖，最近換成了用go.js來制作流程圖后，可以使用go.js中自帶的方法來制作拖拽效果，就不再使用jquery了。 用jsPlumb做流程圖的項(xiàng)目，有一項(xiàng)功能是要從左側(cè)的菜單欄拖動(dòng)項(xiàng)目到右側(cè)的面板上。參考了一...

    marser 評(píng)論0 收藏0

  • 記一次繪圖框架技術(shù)選型: jsPlumb VS mxGraph

    摘要：公司項(xiàng)目需要用到繪圖框架，繪圖部分以前是另一位同事負(fù)責(zé)，用的是框架?；谝陨咸峒暗降姆N種原因，上年年末我做起了技術(shù)調(diào)研，希望能找到一個(gè)合適我們項(xiàng)目的繪圖框架。兼容性問題項(xiàng)目對(duì)瀏覽器兼容性比較寬松，瀏覽器兼容性問題不在考慮范圍之內(nèi)。 showImg(https://ws3.sinaimg.cn/large/006tKfTcgy1g0ppk2kkhxj30ka0b4gm5.jpg); 公司...

    longmon 評(píng)論0 收藏0

  • 記一次繪圖框架技術(shù)選型: jsPlumb VS mxGraph

    摘要：公司項(xiàng)目需要用到繪圖框架，繪圖部分以前是另一位同事負(fù)責(zé)，用的是框架?；谝陨咸峒暗降姆N種原因，上年年末我做起了技術(shù)調(diào)研，希望能找到一個(gè)合適我們項(xiàng)目的繪圖框架。兼容性問題項(xiàng)目對(duì)瀏覽器兼容性比較寬松，瀏覽器兼容性問題不在考慮范圍之內(nèi)。 showImg(https://ws3.sinaimg.cn/large/006tKfTcgy1g0ppk2kkhxj30ka0b4gm5.jpg); 公司...

    channg 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<