Scribd Logo
Upload

Welcome to Scribd!

  • SVG and FXG Converion of Line

    Uploaded by

    Singh Jagat
    23 views3 pages
    The document describes different ways to define a line or path in SVG and FXG formats. SVG uses <line> tags with x1, y1, x2, y2 attributes to specify the start and end points of a line. It can also use style attributes to define properties of the line like stroke color, width, opacity, and dash patterns. FXG uses <Line> tags with xFrom, xTo, yFrom, yTo attributes and a <stroke> element to define line properties like color and weight. Examples are given applying different combinations of attributes and styles.

    Original Description:

    Original Title

    Svg and Fxg Converion of Line

    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 ways to define a line or path in SVG and FXG formats. SVG uses <line> tags with x1, y1, x2, y2 attributes to specify the start and end points of a line. It can also use style attributes to define properties of the line like stroke color, width, opacity, and dash patterns. FXG uses <Line> tags with xFrom, xTo, yFrom, yTo attributes and a <stroke> element to define line properties like color and weight. Examples are given applying different combinations of attributes and styles.

    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
    23 views3 pages

    SVG and FXG Converion of Line

    Uploaded by

    Singh Jagat
    The document describes different ways to define a line or path in SVG and FXG formats. SVG uses <line> tags with x1, y1, x2, y2 attributes to specify the start and end points of a line. It can also use style attributes to define properties of the line like stroke color, width, opacity, and dash patterns. FXG uses <Line> tags with xFrom, xTo, yFrom, yTo attributes and a <stroke> element to define line properties like color and weight. Examples are given applying different combinations of attributes and styles.

    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 3

    SVG Line

    <line

    S.No 1 2 3 4

    Attribute
    x1

    tag

    value

    y1 x2 y2
    style stroke: stroke-width: stroke-opacity: black; 10; 1.0; five-pixel dash, nine-pixel stroke-dasharray: 9, 5; dash, five- 5, 3, 9, 2; pixel gap three-pixel gap, ninepixel dash, two-pixel gap #9f9; rgb(255, 128, 64); rgb(60%, 20%, 60%);

    > </line>

    FXG Line
    <Line

    S.No 1 2 3 4 5

    Attribute
    xFrom xTo yFrom yTo <stroke> <SolidColorStroke

    tag

    value

    color weight caps

    #000000 1 square

    > </SolidColorStroke> </stroke> </Line>

    Ex1.
    x1="40" y1="40" x2="100" y2="100"

    Ex2
    x1="0.7cm"

    Ex3

    style="stroke: black;" style="stroke-width: 5;" style="stroke-opacity: 0.2;"

    style="stroke: #9999ff;"

    stroke: rgb(255, 128, 64);

    style="stroke-dasharray: 9, 5;"

    style="stroke-dasharray: 5, 3, 9, 2;"

    <SolidColorStroke color="#000000" weight="2" caps="square"/>

    Ex4

    style="stroke: rgb(60%, 20%, 60%);

    You might also like