Thanks to visit codestin.com
Credit goes to github.com

Skip to content

tspan and text shaping #634

@RazrFalcon

Description

@RazrFalcon
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg" font-family="Arial" font-size="48">
    <path id="crosshair" d="M 20 100 L 180 100 M 100 20 L 100 180" stroke="gray" stroke-width="0.5"/>

    <text id="text1" x="50" y="100">
        T<tspan fill="green">e</tspan>xt
    </text>

    <text id="text2" x="50" y="140">
        Text
    </text>

    <rect id="frame" x="1" y="1" width="198" height="198" fill="none" stroke="black"/>
</svg>

test13

According to the SVG spec, text shaping should be done to the whole text chunk, which in our case is the whole word. But looks like only Firefox does this right. Is it so or am I missing something?

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions