How to draw human body in html5 svg and roate it in 360degree [closed]

This is not something you can do easily with SVG unfortunately.

I would suggest the following approach instead:

  • Use for example the free* Daz 3D or Poser 3D (commercial) to create the human body as a 3D model (includes textures, bumps and so on).
  • Export the 3D model as for example Wavefront OBJ or Collada and convert that to a JSON Geometry format.
  • Use three.js to import the converted model and render it to canvas (it can use both 2D and WebGL).

3D models are also vector based so you have the same benefits as with SVG vector-wise but your “drawing” (model) is much better organized for applying 3D operations to them such as rotation.

You should in any case reduce the poly-count to make it actually usable for most users which can give a low-res impression (also depending on the texture quality etc.).

If you are not familiar with the 3D terms I’m using here just google them – there are plentiful of resources out there for these things.

Note: although the Daz 3D software is free itself you will in most cases have to purchase content.

Browse More Popular Posts

Leave a Comment