SVG Text

Рет қаралды 40,284

Күн бұрын

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

@uda911 9 жыл бұрын

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.

@JakobJenkov 4 жыл бұрын

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.

@sovereignlivingsoul 7 ай бұрын

very clear explanation, at a good time in my design stage, thank you

@JakobJenkov 6 ай бұрын

You are welcome ! :-)

@rejam 6 жыл бұрын

Fantastic svg videos. Thank you very much!

@salesforceWithParamita 2 жыл бұрын

excellent tutorial. Thanks a lot.

@JakobJenkov 2 жыл бұрын

Thank you! ... and you are welcome ! :-)

@raamch 2 жыл бұрын

Great stuff

@JakobJenkov 2 жыл бұрын

Thanks!

@nishantsinghraj7098 4 жыл бұрын

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?

@JakobJenkov 4 жыл бұрын

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

@nishantsinghraj7098 4 жыл бұрын

@@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?

@photinoman 7 жыл бұрын

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

@JakobJenkov 5 жыл бұрын

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.