/core/selection

[giscus[bot]]

/core/selection

Seamless, headless and fully-tested HTML5 canvas library that provides a couple of high level APIs

https://pikaso.app/#/core/selection

[Ali-Abbas-Dev]

Is there any particular way to manage canvas objects and change their z-index? I've tried through editor.board.activeShapes, it changes the index but doesn't render on canvas. What did I miss?

[raminious]

you should do that through shape.node.zIndex(<number>)

[HuynhVuong87]

How to get instant of shape I selected, example: I select the label, I want get all config of this label and can update it ? thank

[raminious]

you can use Event if you select a shape in UI and you want get its instance once it was selected.

https://pikaso.app/#/core/events

all events are listed here https://pikaso.app/api/index.html#EventListenerNames

[HuynhVuong87]

yes I used event, but it return shape config, how can I update label through shape config

[raminious]

I provided a very basic example for you https://codesandbox.io/s/pikaso-update-text-on-select-mvmqsc
I hope it helps you.

[HuynhVuong87]

Thank you for support, Pikaso very good <3

[emileond]

Hi, how do I update a label using the react hook? The documentation mentions updateText but it 's not available when I select a label using editor.board.selection.shapes[0] only update() seems to be available, but that only works for non-label shapes

[raminious]

@emileond Please give me a snippet so I can look into your question more.

[emileond]

@raminious I managed to get it working with setAttr(attr, val), example: editor.board.selection.shapes[0].node.children[0].setAttr("fill", "#eaeaea") Thanks for making this library, it's great!

[raminious]

@emileond Thanks for the nice words and I'm glad you were able to get it to work. Also, I'm sorry for the late reply; I've been traveling for the past three weeks and haven't had much time to work.