Moveable: ElementGuidelines drawn from and to the other elements?

Created on 10 Dec 2019  ·  4Comments  ·  Source: daybrush/moveable

Hi,
Is there any way to draw elementGuidelines from the source / target elements. I have attached desired behaviour below.
ezgif-5-1e40280702f7

Feature complete

All 4 comments

@adityakrshnn

Maybe it will be released like this.

tell me if it's awkward.

스크린샷 2019-12-11 오전 11 58 33

Looks good. You can try to put in specific classes to make them customizable to the user's needs.

@adityakrshnn

Thank you :). Maybe className is moveable-dashed.
I will release tomorrow.

.moveable-line{
    position: absolute;
    width: 1px;
    height: 1px;
    background: #4af;
    transform-origin: 0px 0.5px;
}
.moveable-line.moveable-dashed{
    box-sizing: border-box;
    background: transparent;
}
.moveable-line.moveable-dashed.moveable-horizontal{
    border-top: 1px dashed #4af;
}
.moveable-line.moveable-dashed.moveable-vertical{
    border-left: 1px dashed #4af;
}

@adityakrshnn

Moveable is updated. Check it again.

  • moveable 0.13.0
  • react-moveable 0.16.1
  • preact-moveable 0.15.0
  • ngx-moveable 0.9.0
  • svelte-movable 0.4.0
Was this page helpful?
0 / 5 - 0 ratings

Related issues

scottsquirespix picture scottsquirespix  ·  5Comments

probil picture probil  ·  4Comments

wassgha picture wassgha  ·  6Comments

masoudelahi picture masoudelahi  ·  5Comments

adityakrshnn picture adityakrshnn  ·  6Comments