/core/measurement-tag

[giscus[bot]]

/core/measurement-tag

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

https://pikaso.app/#/core/measurement-tag

[habib-it]

hey! thumbs up for your work.
i have added the same measurement along with selection but it is not working.
ca you please guide.
i am using reactJs with pikaso 2.7.2 version

below is my configration
usePikaso(
{
selection: {
interactive: true,
keyboard: {
enabled: false,
movingSpaces: 10,
map: {
delete: ['Delete'],
}
},
transformer: {
centeredScaling: false,
anchorSize: 10,
anchorStroke: '#000000',
},
},
measurement: {
margin:20,
background: {
cornerRadius:5,
fill:'purple'
},
text:{
fill:'#fff',
padding:5,
fontSize:14,
fontStyle:'bold'
}
}

    }
);

Thanks

[raminious]

@habib-it The first item is fixed. thanks for your contribution.
npm install [email protected]

example: https://codesandbox.io/s/suspicious-germain-x4g3qk

As for the second question, I think you should use your own implementation of Tag when transforming changes.

Start from here: https://github.com/pikasojs/pikaso/blob/master/src/Selection/index.ts#L57
and check Tag implementation: https://github.com/pikasojs/pikaso/blob/16e1f49a3033973b88ca6a4a5d943a86747a67e2/src/Tag/index.ts

It's been a busy week for me. I might provide a sample over the weekend.

[habib-it]

editor.shapes.rect.draw
on drawing an object there is still difference in pixels. node.attrs.width and .height
there is a difference in pixels when you draw one.

[habib-it]

and still its measurement tag position also not good on rotation.

[habib-it]

Sir any progress please!

[raminious]

@habib-it I'm working on rotation bug