How migrate ImageProcessor Demo to an Angular project

[dev974-hub]

Introduction

I'm new to using JointJS and I'm trying to run the ImageProcessor demo in an Angular project.

I followed the tutorial to integate JointJs to angular , but dit not succeed to do with ImageProcessor.

Is the there any tutorial/ recommandation/ processs ?

Steps to reproduce

No response

Restrictions & Constraints

No response

Does your question relate to JointJS or JointJS+. Select both if applicable.

JointJS+

[kumilingus]

There is the Angular tutorial.
There are other examples written in Angular: https://www.jointjs.com/demos?tags=Angular

In short, the easiest way to do this is to wrap the entire ImageProcessor in a single Angular component, following the principles outlined in the tutorial.

[dev974-hub]

Thank you so much for your help.

With your help i succeed to integrate the ImageProcessor demo.

But when starting the app i ve got the following error ' Failed to construct 'Worker': Script at '[file:///C:/Users/sanbox/src/app/jointJs/cv/cv-worker.js] cannot be accessed from origin 'http://localhost:4201'

do you have any idea on the resolution ?

Best Regards

[Geliogabalus]

Which version of Angular you are using? If you are still using webpack Angular builder the issue can be connected with this issue probably: webpack/webpack#16696.

[dev974-hub]

Hi ,
For my poc i'm using Angular 14 with all default option used when using Angular CLi.
Here is my poc project: https://github.com/dev974-hub/sandbox-jointjs
I have succeed to setup workers for openCV-js.
All is compiling well with no error but when i drop a task , the task is not rendered correcly :(

Best Regards