tutorials.jenko... The SVG text element enables you to draw text inside your SVG images. The text can be styled, drawn horizontally, vertically, right-to-left, rotated and much more.
Пікірлер: 19
@uda9119 жыл бұрын
Man this is super helpful. I am learning D3, but decided to go through all your vids for SVG and now D3 is making much more sense.
@JakobJenkov4 жыл бұрын
Great to hear :-) After all, D3 is often used to generate SVG :-). Also the D3 syntax / API design is inspired by jQuery, so if you know jQuery then D3 is also easier to understand.
@sovereignlivingsoul7 ай бұрын
very clear explanation, at a good time in my design stage, thank you
@JakobJenkov6 ай бұрын
You are welcome ! :-)
@rejam6 жыл бұрын
Fantastic svg videos. Thank you very much!
@salesforceWithParamita2 жыл бұрын
excellent tutorial. Thanks a lot.
@JakobJenkov2 жыл бұрын
Thank you! ... and you are welcome ! :-)
@raamch2 жыл бұрын
Great stuff
@JakobJenkov2 жыл бұрын
Thanks!
@nishantsinghraj70984 жыл бұрын
Can I find the exact height and width occupied by SVG text? What are the parameters on which the height and width depends? Only on font-size and letter spacing? What is the exact relation or formula to retrieve these from SVG text?
@JakobJenkov4 жыл бұрын
No, you cannot find the exact height and width occupied by an SVG text, unfortunately (at least not that I know of). It is possible with an HTML 5 Canvas to measure the width of a text before drawing it - see here: tutorials.jenkov.com/html5-canvas/text.html#measuring-text-width
@nishantsinghraj70984 жыл бұрын
@@JakobJenkov I wanted to create a SVG through my code using the data extracted from image processing, since image processing has only height and width and coordinates with it, I had to use any relation for creating that SVG. Any help in that case?
@photinoman7 жыл бұрын
I could not add Add < sign How to add comparison signs in a text element? Thanks
@horizoncoding_5 жыл бұрын
thanks for the tutorial (y). I have a question please, why would you use SVG text over HTML text? thanks
@JakobJenkov5 жыл бұрын
Because you can use SVG text inside SVG diagrams. You can bend SVG text, and add effects to it which are not possible with HTML text (at least not at the time I made this video).
@horizoncoding_5 жыл бұрын
@@JakobJenkov I see, thanks.
@horizoncoding_5 жыл бұрын
@@JakobJenkov thanks, very interesting indeed.
@nathenn4 жыл бұрын
how i can use google fonts in my logo width SVG?
@JakobJenkov4 жыл бұрын
That's a good question! I don't know, actually. Maybe you can change the font in SVG 2.0