by

Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • 16:52
    lavrton closed #920
  • 16:52
    lavrton commented #920
  • 07:08
    enriqueerrando commented #920
  • Jun 04 21:52
    lavrton commented #921
  • Jun 04 21:50
    lavrton commented #920
  • Jun 04 09:43
    mdmusaib opened #921
  • Jun 04 09:43
    dpyzo0o closed #918
  • Jun 04 06:39
    enriqueerrando commented #920
  • Jun 04 06:16
    pnajithkumar commented #919
  • Jun 04 06:14
    mwehnert commented #917
  • Jun 03 20:34
    lavrton commented #920
  • Jun 03 19:30
    lavrton commented #918
  • Jun 03 19:08
    lavrton closed #919
  • Jun 03 19:08
    lavrton commented #919
  • Jun 03 19:07
    lavrton commented #917
  • Jun 03 19:06
    lavrton closed #917
  • Jun 03 19:06

    lavrton on master

    fix dblclick and dbltap trigger… (compare)

  • Jun 03 16:27
    enriqueerrando opened #920
  • Jun 03 12:34
    pnajithkumar opened #919
  • Jun 03 09:11
    dpyzo0o opened #918
AYAZ AHMED KHAN
@RajAyaz
using konva js
please also check this url for hand on experience of this tool
https://www.printful.com/custom/mens/shirts/bella-canvas-3001-unisex-short-sleeve-jersey-t-shirt
i need to make same like this for designing tshirt
Vinay M
@rmdort
@lavrton AFAIK, Konva cant render on an existing canvas element yes?
https://github.com/react-spring/react-three-fiber/issues/280#issuecomment-607381395
Paulius
@Paulius66440253_twitter
Hi, how are you? I got a question. Is there a possible to add a filters={[...]} on a <Layer/>? I only managed to do that on <Image/> , but doc's say that class:Layer has filters method as well. Could that be a different approach with react-konva? I assume filters using ImageData which should be received from native getImageData method which should read the whole context. Or am I missing some point here?
Anton Lavrenov
@lavrton
@Paulius66440253_twitter it should work just fine. In docs we are using images, because it is a common use cases.
You will have to cache a layer.
So it is not ok in many cases.
The layer will be static.
AYAZ AHMED KHAN
@RajAyaz
Hi,how are you? I got a question. how to set boundry color on layer in konvajs ?
Anton Lavrenov
@lavrton
What is boundry color?
AYAZ AHMED KHAN
@RajAyaz
like border color on stage
stage.getContainer().style.border = '1px solid #4AFFFF';
i need to know how to add border color on layer.
not boundry.
@lavrton
Anton Lavrenov
@lavrton
Just use it on the stage.
Layer is just canvas element in the stage.
AYAZ AHMED KHAN
@RajAyaz
okay thanks
Well my another question is: is it possible to make layer like this
that share below?
Anton Lavrenov
@lavrton
Yep
AYAZ AHMED KHAN
@RajAyaz
How??
I have been trying this from last 15days
Can you help me in this
I'd be grateful to you
Anton Lavrenov
@lavrton

I am not sure what kind of help you need.

Place image for t-shirt
place grey rectangle for limited area
place image inside the limited are to print on t-shirt
set drag and resize limits for that image
create transformer for it for simpler manupulations

AYAZ AHMED KHAN
@RajAyaz
can i get any reference for this?
Anton Lavrenov
@lavrton
For what? Image demo, rectangle demo, transformer demo? We have all these demos on the website.
AYAZ AHMED KHAN
@RajAyaz
i am looking for the grid
transformer like that shared in picture.
place grey rectangle for limited area.
JimZhang1028
@JimZhang1028
I create a Rect as table, When i show the contextmenu i set the contextmenu's position as(top:stage.container().getBoundingClientRect().top + table.height(),left:stage.container().getBoundingClientRect().left + table.width()) , But when i zoom the stage relative to a position. I call the contextmenu the position is wrong.
Any one konws how to fix it.
Anton Lavrenov
@lavrton
How do you create context menu?
Use stage.getPointerPosition()
to find absolute position.
JimZhang1028
@JimZhang1028
@lavrton It will dependence on the table(Rect)'s position. When i right click the table(any position) the contextmenu show on the right bottom of this table.Thanks.
Anton Lavrenov
@lavrton
The get getBoundingClientRect of container and rect.getClientRect()
rect.getClientRect() will return absolute values
JimZhang1028
@JimZhang1028
@lavrton OK,Thank you for your answer. I will try this.
Vinay M
@rmdort
Hi. Is there any example for a sortable shapes (using drag/drop)
Anton Lavrenov
@lavrton
I don’t know any.
Vinay M
@rmdort
I am trying to re-order columns in a grid using drag/drop
okays.. i guess i will have to do it from scratch :P
AYAZ AHMED KHAN
@RajAyaz
when i snap edges so this not work
guide: Math.round(box.y + box.height),
offset: Math.round(node.y() - box.y - box.height),
snap: 'end',
on both cases horizontal and vertical case
@lavrton
Anton Lavrenov
@lavrton

So what is your question? I don’t know why it doesn’t work.

It looks like you used that demo https://konvajs.org/docs/sandbox/Objects_Snapping.html#page-title
But the demos works just fine.

AYAZ AHMED KHAN
@RajAyaz
yes right i am using this one
AYAZ AHMED KHAN
@RajAyaz
Home_Artify.png
please see this 2 side edge not showing
right and bottom