SVG Introduction

[@jamieyoung9597]

Clear, Concise and exactly what I was looking for. Much appreciated Jakob, you have helped me more than you can imagine.
Hope you are doing well, +100 Karma points haha

[@JakobJenkov]

Thanks !! I am happy you found my tutorial helpful!! 😊

[@JakobJenkov]

*SVG Introduction - Video*
I have started making video versions of my existing tutorials. I have started with SVG because it is a pretty complete tutorial. This is the first video - the introduction to SVG.
#svg

[@randomkorisnik2450]

+Jakob Jenkov
Thank you so much !!!

[@ghostwebrabbi7478]

:) ha you save me, i search longtime, svg courses, thank you Sir and God Bless you

[@HolgerJakobs]

Very nice. You might as well leave out the reference to Adobe SVG Viewer, because it's no longer necessary or maintained.

[@Gemile]

Thank you so much! I have already subscribed you, forever =))

[@JakobJenkov]

Thank you for your kind words :-) I am glad my video helped you!

[@mendozabruno]

Do you not miss XML definition tag?

[@JakobJenkov]

***** I am not sure it is really necessary. Try it out without the XML def. tag.

[@invinciblekd]

Hello, is it possible to import a map image (svg or jpeg) format and using browser we can pin point the (x,y) coordinates of certain number of points on such a map?
Thanks

[@JakobJenkov]

I am not sure if you can do that with SVG, but you can with HTML5 canvas.

[@invinciblekd]

Thanks for your response. However, I notice that HTML canvas works only on bitmap files ? I have to do it for vector images, however bitmap based images is last resort. Can you please tell if SVG source code is available and we can modify the source code to fit in our needs like i have mentioned in my previous post ? I think SVG has an open source license!

[@JakobJenkov]

invinciblekd I am not sure if you can do that. What exactly do you need to pinpoint on the map? What functionality are you trying to implement?

[@invinciblekd]

Thanks for your answer! I need to look for a tool (web based ) that can import an indoor map of a building ( just one floor) in form of image (svg format) and then make a x,y coordinate system (with origin (0,0) on the top left of image) on that image so that i can pin point certain points in that image with (x,y) coordinates of those points, also i would like to edit the property of those points such as location inside the room and some unique ID. The idea of this whole process is to know the exact locations of certain points inside the floor of a building. Of course I would need some kind of calculation mechanism at the back end to map the pixels to the actual location in the room. however, i am not having any idea on how the front end could be done.

[@JakobJenkov]

SVG has coordinates too. Why not just add some SVG elements to your SVG images? Or - do you have the map as jpeg?

[@Griffindor21]

Great explanation. What software is best for drawing svg? preferably free.

[@JakobJenkov]

Not sure. InkScape is a good guess.

[@raamch]

Great work

[@JakobJenkov]

Thanks! :-)

[@marskahn]

nice tutorial, thank you

[@alexandruflorea1250]

Thanks! :)

[@hartmutschmeling7103]

Encouraging!

[@ZTsarmadOne]

Thanks

[@kisme01]

3:99 No. But great explanation though

[@1ndz3980]

My bad... Thanks man