jsPlumb

Screenshot Software:
jsPlumb
Mga detalye ng Software:
Bersyon: 1.4.1
I-upload ang petsa: 6 Jun 15
Nag-develop: Simon Porritt
Lisensya: Libre
Katanyagan: 161

Rating: 1.0/5 (Total Votes: 1)

Ang mga aklatan ay port para sa MooTools, YUI at jQuery.
Ito ay gumagamit ng isang tolda stage upang i-drag graphs, chart o ibang mga elemento na nagpapakita ng paraan GUI elemento o iba pang mga bagay ay nakikipag-ugnayan sa isa't isa.
Para sa mas lumang mga browser, ExplorerCanvas script ng Google ay ginagamit.
jQuery:
nangangailangan jsPlumb jQuery 1.3.x o 1.4.x; at jQueryUI 1.7.x o 1.8.x.
MooTools:
jsPlumb nangangailangan MooTools 1.2.4 at Drag.Move mula MooTools More.
YUI3:
jsPlumb nangangailangan YUI 3.3.x

Features .

  • elemento Graph:
  • Connector - isang linya pagkonekta dalawang mga elemento sa pahina
  • Endpoint - ang visual na representasyon ng isang dulo ng isang Connection
  • anchor - isang lokasyon, kamag-anak sa pinagmulan ng isang sangkap, na kung saan ang isang Endpoint maaaring umiiral
  • Overlay -. Isang component UI na ginagamit upang palamutihan ng isang Connector, tulad ng isang label, arrow, etc
  • Connection -. Isang halimbawa ng anchor, Endpoints at isang Connector sa zero o higit pa sa mga Overlay nagtatrabaho nang magkasama upang sumali sa dalawang mga elemento

Ano ang bago sa release na ito:

  • Flowchart konektor mabawasan awtomatikong ang parameter stub kapag ang dalawang mga elemento ay mas malapit kaysa sa kabuuan ng dalawang stub. Ito ay maaaring na-override ng pagtatakda ng alwaysRespectStubs parameter sa totoo sa kahulugan Flowchart connector.

Ano ang bago sa bersyon 1.4.0:

  • jsPlumb register na ngayon bilang isang AMD module kung ang isang AMD loader ay natagpuan sa mga pahina. Dalawang registrations ay ginawa.: 'Jsplumb' para sa mga static na halimbawa, at 'jsplumbinstance', para sa isang bagong pagkakataon
  • Sa loob, ang lahat ng mga Connectors ay ngayon na binubuo ng isang set ng mga segment, na kung saan ay may tatlong uri -. Bezier, Straight, at Arc
  • Sinusuportahan na ngayon ng Return halaga mula jsPlumb.select at jsPlumb.selectEndpoints ang 'setType' paraan.
  • setType / AddType function ngayon ng suporta parameterised uri.

Ano ang bago sa bersyon 1.3.16:

  • Idinagdag ang konsepto ng Koneksyon at Endpoint & quot; type & quot ;.
  • type 'Custom' Naidagdag Overlay.
  • Added 'setEnabled' pamamaraan / 'isEnabled' to selectEndpoint return halaga.
  • pagpapahusay ng Pagganap sa rendering label.

Ano ang bago sa bersyon 1.3.11:

  • Bagong pag-andar:
  • method Added 'selectEndpoints' to jsPlumb. Ito ay gumagana sa parehong paraan sa jsPlumb.select (kung saan ay para sa mga koneksyon).
  • Idinagdag isSuspendDrawing method
  • Idinagdag & quot; koneksyon & quot; bilang alias sa umiiral na & quot; jsPlumbConnection & quot; event. Pareho EVENTS ay fired. Kaya hindi magrehistro para sa parehong mga ito!
  • Idinagdag & quot; connectionDetached & quot; bilang alias sa & quot; jsPlumbConnectionDetached & quot; event. Tulad ng sa itaas -. Parehong mga kaganapan ay fired
  • event Added 'maxConnections' to Endpoints.
  • option callback Added 'onMaxConnections' to makeTarget at makeSource
  • Mga Fixed isyu:
  • Magdagdag kaganapan 'maxConnections' to Endpoint
  • enhancement selectEndpoints
  • makeSource hindi nagpaparangal maxConnections parameter
  • setLabel pinapansin suspendDrawing bandila
  • deleteEveryEndpoint dapat suspindihin drawing bago ito ay nagsisimula at ibalik sa sandaling tapos nito.

Ano ang bago sa bersyon 1.3.10:

  • makeSource maaaring ngayon ay tinatawag na sa isang 'filter' parameter na nagbibigay-daan sa iyo upang tumugon sa mga kaganapan mouse lamang sa mga bahagi ng mga sangkap na nais mong.
  • sumusuporta Flowchart connector ng ibang haba stub sa bawat dulo (supply ng isang array ng dalawang integers sa halip na lamang ng isang solong integer)
  • Ang posisyon Connector overlay ng maaari ngayon ay tinukoy bilang isang absolute value, na may positibong halaga ibig sabihin distansya mula source at negatibong mga halaga na ibig sabihin na layo mula sa target.

Ano ang bago sa bersyon 1.3.9:

  • Sinusuportahan na ngayon ng Straight connector sa canvas simple dashstyle (dalawang args lamang)
  • clearListeners, sunog at magbigkis pamamaraan sa jsPlumb, Connection at Endpoint babalik ngayon sa kanilang sarili, upang maaari mong gamitin ito sa isang style 'matatas'.
  • paintStyle at hoverPaintStyle ay hindi na nakalabas sa Endpoint o Connection.
  • getPaintStyle at getHoverPaintStyle pamamaraan idinagdag sa Endpoint at Connection.
  • idinagdag HoverClass sa mga default jsPlumb.
  • Maraming mga bagong paraan idinagdag para sa mga nagtatrabaho sa mga target at mga mapagkukunan.

Ano ang bago sa bersyon 1.3.8:

  • Pasadahan mode ay suspendido habang ang isang bagay ay dragged. ito ang humahadlang sa isang pulutong ng random flashes bilang ang mouse gumagalaw sa paligid ng screen.
  • VML endpoint ay hindi nagtatalaga ng custom na CSS klase kung ito ay ibinigay sa isa. ito ay ngayon.

Ano ang bago sa bersyon 1.3.7.:

  • Nagdagdag ng setId function na
  • Idinagdag setIdChanged function. Ito ay nagpapahintulot sa mga developer ipaalam jsPlumb ng isang pagbabago ng ID pagkatapos ng katotohanan.
  • connectionDrag / connectionDragStop kaganapan.
  • getConnections tumatagal ng isang opsyonal na pangalawang argumento na nagsasabi jsPlumb upang bumalik koneksyon bilang isang array, hindi bilang isang bagay na may scopes ng keys.
  • Maaari pumasa sa '*' upang getConnections para sa anuman sa source / target / nasasakupan.
  • Added showOverlays / hideOverlays function na Koneksyon at Endpoint.
  • Idinagdag getOverlays paraan upang Connection at Endpoint.

Ano ang bago sa bersyon 1.3.6:

  • Isang huling parameter na ito ay suportado na ngayon ay 'uniqueEndpoint '-. Mga nagtuturo makeSource at makeTarget na lamang kailanman lumikha ng isa kaugnay endpoint
  • makeSource at makeTarget tawag ngayon ay pinarangalan ng subsquent tawag sa jsPlumb.connect.
  • Added importDefaults at restoreDefaults methods.
  • sumusuporta jsPlumb.draggable (..) ngayon nested elemento.

Kinakailangan :

  • enable ang JavaScript sa client side

Mga screenshot

jsplumb_1_147850.png
jsplumb_2_147850.png
jsplumb_3_147850.png

Mga komento sa jsPlumb

Mga Komento hindi natagpuan
Magdagdag ng komento
I-sa mga imahe!