Skip to main content
Inspiring
December 19, 2016
Answered

Text in SVG file - Clipping

  • December 19, 2016
  • 1 reply
  • 276 views

I'm using flash to create an interactive map and exporting it as a SVG file.

I'm having a problem with the TEXT - when the browser is scaled down like to the size for a phone some of the text is "clipped" off at the end

Example

Text  = Academic Building Level 01 (ok on desktop size)

(in the phone browser size)Text = Academic Building Level 0

<text clip-path="url(#Mask_Mask_36)" writing-mode="lr"><tspan x="0" y="16.3" baseline-shift="0%" kerning="auto" font-family="Arial_Bold" font-weight="bold" font-size="18" fill="#000000" xml:space="preserve">Academic Building Level 01</tspan></text>

</g>

Notice the clipping at end of text

Any suggestions on how to stop the clipping?

Thanks Wayne

    This topic has been closed for replies.
    Correct answer 489175

    I found my problem with this - I changed to the use "device fonts"

    It was set to "Anti-alias for readability"

    1 reply

    489175AuthorCorrect answer
    Inspiring
    December 19, 2016

    I found my problem with this - I changed to the use "device fonts"

    It was set to "Anti-alias for readability"