CODEWITHSUNDEEP
svg
Abinaya Selvaraju
Abinaya Selvaraju

Reputation: 1292

What is the use of g tag?

I am new to svg, as far as I saw everywhere they using svg elements within g tag, is there any particular reason for using svg elements within g tag other than applying transformation for whole set of elements?

Upvotes: 38

Views: 40979

Answers (2)

Paul LeBeau
Paul LeBeau

Reputation: 101868

That's a pretty important and useful reason. But other reasons you might do it are so you can:

  • apply the same styling (eg. fill="blue") to a set of elements,
  • reference to the group of objects from a use.

Not to mention the simple organisational reasons.

Upvotes: 27

Uooo
Uooo

Reputation: 6354

http://tutorials.jenkov.com/svg/g-element.html says:

The <g> element is used to group SVG shapes together. Once grouped you can transform the whole group of shapes as if it was a single shape. This is an advantage compared to a nested <svg> element which cannot be the target of transformation by itself.

Upvotes: 19

Related Questions