Multiple object opeartion issue.

[Dipak26]

when I add two objects on canvas I can not modified the previous object like I add two text or images then I can not rotate move first text or image

[Dipak26]

IN dev tools I got these warning

[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See https://www.chromestatus.com/features/5093566007214080
_onMouseMove @ fabric.js:10069
fabric.js:1873 [Violation] Added non-passive event listener to a scroll-blocking 'touchmove' event. Consider marking event handler as 'passive' to make the page more responsive.

[dongsik-yoo]

OK, please write helpful information.

Version

Development Environment

Current Behavior

// Write example code

Expected Behavior

[Dipak26]

Version
Android 7.0
Development Environment
Android Studio(ionic angular android app)
Current Behavior
if I added two images in canvas than first image rotation and resize controller are not visible some times and not work.

Expected Behavior
work for all added thing on canvas.

[dongsik-yoo]

Do you use addImageObject API to add image?
I want you to give me a test page to reproduce it.

[Dipak26]

it has API through which I add fixed size canvas on big image and editing inside canvas only after that I save the complete image. I will show you an image what I required.

[Dipak26]

inside this, i required adding canvas on pillow area only.

[dongsik-yoo]

I guess you want one background image and one bird image, right?
I think this codes might help you.

imageEditor.loadImageFromURL(backgroundImageUrl, imageName).then(result => {
    imageEditor.addImageObject(birdImageUrl);
});

loadImageFromURL set an image as background image. And the background image is not selectable object. You can only select other objects(Shape, Text, Image etc).

[Dipak26]

I want only selectable area as a canvas and add text and image only in this area.

[Dipak26]

it is single product image and I want canvas on the only selectable area on this image means I don't want to add text and image outside this area like product personalization on E-commerce.

[dongsik-yoo]

I don't understand your issue.
Is this a bug or request?

What I understand about this issue is...

• You can't modify first attached object(text or image).
• You can add text and image, but you don't want to edit any objects outside some area.

And what version of ImageEditor do you use?

[Dipak26]

Yes, you I exactly want this and I am using the tui-image-editor.js

• @Version 2.0.0
  I tried to set canvas size using adjustCanvasSize method but it also resizes the first attached image.

[Dipak26]

I want to canvas area on image not want to add a background image of the canvas.

[dongsik-yoo]

Do you mean that adjustCanvasSize isresizeCanvasDimension()?

There is no editing functionality to edit specific area only.

[Dipak26]

okay, but how I implement in this code with fabric js

[dongsik-yoo]

No more conversation.