成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

jsPlumb（3）-基本概念

tulayang / 3536人閱讀

摘要：介紹是用來連接元素的，所以核心是，其中又分為以下四個(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)建它們，非可視化，只有邏輯上的position。更多信息，訪問 this page

Endpoint Connection的可視的一個(gè)端點(diǎn)，你可以創(chuàng)建和連接它們，當(dāng)然，首先你得使它們能拖放?；蛘咄ㄟ^程序上jsPlumb.connect(...)來創(chuàng)建和連接。更多信息，請(qǐng)?jiān)L問 the page

Connector 可視化的，連接兩個(gè)元素的線。有四種類型：貝塞爾曲線、直線、流程圖、狀態(tài)機(jī)。你不能和它們交互，你可以修改它們的定義。更多信息， this page

Overlay 一個(gè)UI控件，用來裝飾Connector，如Label、Arrow等。

一個(gè)Connection由兩個(gè)Endpoint、一個(gè)Connector，Overlay可有可無。每個(gè)Endpoint有一個(gè)關(guān)聯(lián)的Anchor。

jsPlumb的公共API只有Connection和Endpoint，創(chuàng)建和配置。但是你需要熟悉其內(nèi)部的Anchor, Connector and Overlay的概念。

Connector, Endpoint, Anchor & Overlay的定義

當(dāng)你定義一個(gè)Connector, Endpoint, Anchor 或 Overlay的時(shí)候，你就需要定義，如：

jsPlumb.connect({
    source:"someDiv",
    target:"someOtherDiv",
    endpoint:"Rectangle"
});
jsPlumb.connect({
    source:"someDiv",
    target:"someOtherDiv",
    endpoint:[ "Rectangle", { 
      cssClass:"myEndpoint", 
      width:30, 
      height:10 
  }]
});
var common = {
    cssClass    :   "myCssClass",
    hoverClass  :   "myHoverClass"
};
jsPlumb.connect({
    source:"someDiv",
    target:"someOtherDiv",
    endpoint:[ "Rectangle", { width:30, height:10 }, common ]
});
var common = {
    cssClass:"myCssClass"
};
jsPlumb.connect({
  source:"someDiv",
  target:"someOtherDiv",
  anchor:[ "Continuous", { faces:["top","bottom"] }],
  endpoint:[ "Dot", { radius:5, hoverClass:"myEndpointHover" }, common ],
  connector:[ "Bezier", { curviness:100 }, common ],
  overlays: [
        [ "Arrow", { foldback:0.2 }, common ],
        [ "Label", { cssClass:"labelClass" } ]  
    ]
});

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/86040.html

相關(guān)文章

  • jsPlumb（1） - 開始使用

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

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

  • jsPlumb（2）-配置

    摘要：感受最容易最直觀是重寫的默認(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...

    tracy 評(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

  • jsplumb+dragable+vue(一)

    摘要：基于的，支持拖拽生成節(jié)點(diǎn)，節(jié)點(diǎn)雙擊展示更多信息，節(jié)點(diǎn)連線，刪除節(jié)點(diǎn)，刪除連線，重繪連接圖，當(dāng)前頁(yè)面刷新連接圖，根據(jù)畫連接圖等功能本章主要講拖拽生成節(jié)點(diǎn)獲取鏈接圖的信息引入需要的文件因?yàn)橐盟砸肓水嬤B接圖用因?yàn)橛玫乃赃@樣引入拖 基于vue的jsplumb，支持拖拽生成節(jié)點(diǎn)，節(jié)點(diǎn)雙擊展示更多信息，節(jié)點(diǎn)連線，刪除節(jié)點(diǎn)，刪除連線，重繪連接圖，當(dāng)前頁(yè)面刷新連接圖，根據(jù)json畫連接圖等功能...

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

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

0條評(píng)論

閱讀需要支付1元查看
<