SVG Text rendering issue on scale update

Issue #11280907 • Assigned to Steven K.

Details

Author
Pavel P.
Created
Mar 15, 2017
Privacy
This issue is public.
Found in
  • Microsoft Edge
Found in build #
25.10586
Reports
Reported by 1 person

Sign in to watch or report this issue.

Steps to reproduce

Hi

Our team is working on an application that utilize SVG object to provide users with interactive diagrams.

This use case requires zoom support. However we experience several problems:

  1. Svg image hasn’t been completely redrawn when scale transform is applied with JS.
  2. Offset of the text that follows the '-' symbol calculated incorrectly and depends on current scale when scale transform is applied with JS.
  3. Position of right or middle aligned text calculated incorrectly when scale transform is applied with JS.

Here is a codepen that illustrates these issues:
http://codepen.io/pavel-pykhtin/pen/aJyxMY

Is there any workarounds for this?

Thanks in advance!

Attachments

0 attachments

    Comments and activity

    • Changed Steps to Reproduce

    • Microsoft Edge Team

      Changed Assigned To to “Steven K.”

    You need to sign in to your Microsoft account to add a comment.

    Sign in