Load image from local system to Fabricjs canvas
Quote from Ronnie on August 29, 2019, 5:36 amHi luishp
I came across this page - https://www.html5rocks.com/en/tutorials/file/dndfiles/ which is interesting. How can we simulate the using form examples to load image from local system/device, and then insert them into the Container1 canvas ?
Hi luishp
I came across this page - https://www.html5rocks.com/en/tutorials/file/dndfiles/ which is interesting. How can we simulate the using form examples to load image from local system/device, and then insert them into the Container1 canvas ?
Quote from luishp on August 29, 2019, 8:49 amHi @ronnie,
We are already using that method.
Note that the user must always select the file first using a File Input object.
You can not read any file from a local device directly.
To see a working sample:
- Go to: https://aprendiendo.top
- Click on "Editor" button
- Click on the top menu image icon and select "Importar PNG, JPG o GIF"
Hi @ronnie,
We are already using that method.
Note that the user must always select the file first using a File Input object.
You can not read any file from a local device directly.
To see a working sample:
- Go to: https://aprendiendo.top
- Click on "Editor" button
- Click on the top menu image icon and select "Importar PNG, JPG o GIF"
Quote from Ronnie on August 29, 2019, 1:03 pmHi @luishp
Yeah.. I saw the fileinput object... but how do i load user-selected image to Container1? I tried the example in FabricDraw demo but it's using JSON... but nothing appears on the canvas
Hi @luishp
Yeah.. I saw the fileinput object... but how do i load user-selected image to Container1? I tried the example in FabricDraw demo but it's using JSON... but nothing appears on the canvas
Quote from luishp on August 29, 2019, 3:34 pmHi @ronnie, as we are using FabricJS it's not easy but possible.
Take a look at the attached sample please.
Hi @ronnie, as we are using FabricJS it's not easy but possible.
Take a look at the attached sample please.
- You need to login to have access to uploads.
Quote from Ronnie on August 29, 2019, 4:27 pmHi @luishp, it sure was not easy. Thank goodness you provide a sample demo that works fine. It's time for me to learn more JS, and compare the coding structure porting to VisualNeo Web.
Solution found. Case closed. New topic soon - rotation on Center. will post it in new topic.
Once again, thanks for the great demo. It works GREAT!!!
Hi @luishp, it sure was not easy. Thank goodness you provide a sample demo that works fine. It's time for me to learn more JS, and compare the coding structure porting to VisualNeo Web.
Solution found. Case closed. New topic soon - rotation on Center. will post it in new topic.
Once again, thanks for the great demo. It works GREAT!!!