Translating SVG elements for an Isometric view?

You shouldn't apply the transformation to the individual elements, but to the source elements as a collection. In Raphael, you could use something like.

You shouldn't apply the transformation to the individual elements, but to the source elements as a collection. In Raphael, you could use something like var s = paper.set(); s. Push(square1, square2); and now do the transformations without too much math, which is supposed to work like this: // s.clone(); // if you want to keep originals s.

Rotate(45, 0, 0). Scale(1, .7). Translate(100, 0); (However, scaling of rotated items seems to be broken in RaphaelJS.) Plain SVG example: Isometric.

Thanks for the response, Pumbaa80. Unfortunately this solution doesn't seem right for me. What I'd like is to eventually be able to input some coordinates of, say, a basic floor-plan.

Then render then those coordinates in an isometric projection and extrude z-axis(height) from the element's "base". Later, via JavaScript, I want to be able to manipulate the individual elements: moving, deleting, adding and altering them. I can't really, draw z-axises (make cubes from the footprints) and then rotate the set.

I suppose it might be possible to rotate everything and then extrude -continued-> – j33r Jan 23 at 20:59 I'll try it out. – j33r Jan 23 at 21:02 For the benefit of anyone else, here is my Raphael-JS Google Groups posting on the scaling of rotated elements issue: groups.google. Com/group/raphaeljs/browse_thread/thread/… – j33r Jan 24 at 0:35 @j33r Pumbaa80 is correct, you should not be applying the transform to each element, but to the entire view.

– Phrogz Jan 24 at 16:56.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.

Related Questions