JointJS - JANGCHICKEN/Study GitHub Wiki

joint.dia

Graph

toJSON()

์ƒ์„ฑ๋œ joint.dia.Graph ๊ฐ์ฒด๋ฅผ json์œผ๋กœ ๋ฐ˜ํ™˜

joint.ui

PaperScroll

Stencil

์—˜๋ฆฌ๋จผํŠธ ํŒ”๋ ˆํŠธ ํ”Œ๋Ÿฌ๊ทธ์ธ

group

๋น„์Šทํ•œ ์†์„ฑ์˜ ์—˜๋ฆฌ๋จผํŠธ๋ฅผ ๋ชจ์•„

configuration

key description defualt
paper joint.dia.Paper ๋˜๋Š” joint.ui.PaperScroller ๊ฐ์ฒด
width ํŒ”๋ ˆํŠธ width
height ํŒ”๋ ˆํŠธ height
search element ๊ฒ€์ƒ‰์–ด ์ง€์ •
groups element ๊ทธ๋ฃน {label, index, closed}
groupsToggleButtons ๊ทธ๋ฃน์„ ์—ด๊ณ  ๋‹ซ์„ ์ˆ˜ ์žˆ๋Š” ๋ฒ„ํŠผ false
dropAnimation

Halo

joint panel์—์„œ element tool

  • ์‚ญ์ œ remove
  • ๋ณต์ œ clone
  • ์—ฐ๊ฒฐ link
  • ๋ณต์ œ ๋ฐ ์—ฐ๊ฒฐ fork
  • ์—ฐ๊ฒฐํ•ด์ œ unlink
  • ํฌ๊ธฐ์กฐ์ ˆ resize
  • ๋ฐฉํ–ฅ์กฐ์ ˆ rotate

configuration

key description defualt
cellView paper, graph properties
type tool ํƒ€์ž… 'surrounding'
loopLinkPreferredSide self loop ๋งŒ๋“ค ๋•Œ ๋ฐฉํ–ฅ 'top'
loopLinkWidth self loop link width ํ”ฝ์…€๋‹จ์œ„ 40
rotateAngleGrid ํšŒ์ „๊ฐ๋„์ •๋„ 15
boxContent element์˜ xy์ขŒํ‘œ, width, height๋ฅผ ์ •๋ณด๋ฅผ ๋ณด์—ฌ์ค„ box
clearAll

์Šคํƒ€์ผ๋ง

joint.setTheme('{์ด๋ฆ„}'); ์‚ฌ์šฉ ์‹œ ๊ฐ html element์— **.joint-theme-{์ด๋ฆ„}**์œผ๋กœ class๊ฐ€ ๋ถ™์Œ