Uploading and moving a logo over a texture

cregiaricard · August 14, 2018, 8:25am

Hey!

I made a tshirt configurator.

Right now the user can choose a tshirt model and then change the design. Every design is a svg drawn on top of a canvas, and attached to the model using THREE.CanvasTexture().

I want to make a new feature which allows the user to upload a image (logo) and move it around the texture.
At first, i thought about putting an input field and draw the uploaded image to canvas, but i think i will have problems moving the image around.

Anyone achieved something like this before? Tips?

Thanks!

prisoner849 · August 14, 2018, 8:33am

Hi!
Have a look at this topic:
https://discourse.threejs.org/t/three-js-fabric-js/2111?u=prisoner849

Topic		Replies	Views
Three.js and fabric.js Questions textures	22	2262	November 20, 2023
Applying (Logo or Text) Texture to a Tshirt Model Questions textures , materials , geometry , threejs , react-three-fiber , decals , react-three	0	87	August 4, 2024
Realistic t-shirt in three.js (along with fabric.js) Questions materials	3	3754	August 15, 2023
How to add fabric js texture on top of svg texture threejs Questions textures , materials	4	1343	September 7, 2024
Use Canvas texture for 3d configurator materials Questions textures , materials , canvas-2d , shaders , canvas-texture , texture , canvastexture , 3d-configurator	6	903	May 8, 2024

Uploading and moving a logo over a texture

Related topics