Scribd Logo
Upload

Welcome to Scribd!

  • SVG and FXG Converion of Group

    Uploaded by

    Singh Jagat
    18 views5 pages
    The document describes different attributes that can be used to transform and style groups of graphical elements in SVG and FXG. Some key attributes include "transform" to translate, scale, and rotate groups of elements, "stroke" to define the color and thickness of borders, and "blendMode" to set how elements are composited together. Examples are given showing how to apply transforms like rotation and scaling to grouped elements, as well as how to nest multiple groups within one another.

    Original Description:

    Original Title

    Svg and Fxg Converion of Group

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Available Formats

    XLSX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    The document describes different attributes that can be used to transform and style groups of graphical elements in SVG and FXG. Some key attributes include "transform" to translate, scale, and rotate groups of elements, "stroke" to define the color and thickness of borders, and "blendMode" to set how elements are composited together. Examples are given showing how to apply transforms like rotation and scaling to grouped elements, as well as how to nest multiple groups within one another.

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as XLSX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as xlsx, pdf, or txt
    18 views5 pages

    SVG and FXG Converion of Group

    Uploaded by

    Singh Jagat
    The document describes different attributes that can be used to transform and style groups of graphical elements in SVG and FXG. Some key attributes include "transform" to translate, scale, and rotate groups of elements, "stroke" to define the color and thickness of borders, and "blendMode" to set how elements are composited together. Examples are given showing how to apply transforms like rotation and scaling to grouped elements, as well as how to nest multiple groups within one another.

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as XLSX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as xlsx, pdf, or txt
    of 5

    SVG Group

    <g

    S.No

    Attribute

    tag

    value

    translate
    scale
    rotate
    translate

    (-10,-20)
    (2,3)
    (45)
    (5,10)

    1 transform

    >
    </g>
    EX.
    <g transform="rotate(45 50 50)">
    <line x1="10" y1="10" x2="85" y2="10"
    style="stroke: #006600;"/>
    <rect x="10" y="20" height="50" width="75"
    style="stroke: #006600; fill: #006600"/>
    <text x="10" y="90" style="stroke: #660000; fill: #660000">
    Text grouped with shapes</text>
    </g>

    FXG Line
    <Group

    S.No

    Attribute
    1 <stroke>
    <SolidColorStroke

    >
    </SolidColorStroke>
    </stroke>
    transformX
    transformY
    rotation
    scaleX
    scaleY
    blendMode
    opacity
    >
    <transform>
    </transform>

    tag

    value

    color
    weight
    caps

    #000000
    1
    square

    40
    30
    45
    ".5"
    ".5"
    "normal"
    "0.5"

    </Group>

    Ex1.

    ranslate(-10,-20)
    scale(2)
    rotate(45)
    translate(5,10)

    Ex2

    Ex3

    scale(2,3)

    Nested Group
    <g>
    <g>
    <g>
    <g>
    </g>
    </g>
    </g>
    </g>

    <Graphic>
    <Group id="trainBody">
    <Ellipse x="20" y="100" width="40" height="40" id="backWheel" />
    <Ellipse x="80" y="100" width="40" height="40" id="frontWheel" />
    </Group>
    <Graphic>

    Ex4

    Nested group
    <Group>
    <Group>
    <filters>
    <BlurFilter />
    </filters>
    <Group scaleY="3">
    <Rect>
    ...
    </Rect>
    </Group>
    </Group>
    </Group>

    You might also like