Text in SVG patterns does not render when "Enhance text contrast" flag is on

%3CLINGO-SUB%20id%3D%22lingo-sub-2433161%22%20slang%3D%22en-US%22%3EText%20in%20SVG%20patterns%20does%20not%20render%20when%20%22Enhance%20text%20contrast%22%20flag%20is%20on%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2433161%22%20slang%3D%22en-US%22%3E%3CP%3EDev%20%3CSPAN%3E93.0.910.5%3C%2FSPAN%3E%3C%2FP%3E%3CP%3EWindows%20Server%202019%3C%2FP%3E%3CP%3ETest%20file%3A%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CPRE%20class%3D%22lia-code-sample%20language-html%22%3E%3CCODE%3E%3CSVG%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20version%3D%221.1%22%3E%0A%20%20%3CDEFS%3E%0A%20%20%20%20%3CPATTERN%20id%3D%22pat%22%20width%3D%22200%22%20height%3D%22160%22%20patternunits%3D%22userSpaceOnUse%22%3E%0A%20%20%20%20%20%20%3CTEXT%20y%3D%2221px%22%20transform%3D%22translate(0%2C%20130)%20rotate(-20)%22%20opacity%3D%220.6%22%3EMicrosoft%20Edge%3C%2FTEXT%3E%0A%20%20%20%20%3C%2FPATTERN%3E%0A%20%20%3C%2FDEFS%3E%0A%20%20%3CRECT%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22url(%23pat)%22%3E%3C%2FRECT%3E%0A%3C%2FSVG%3E%3C%2FCODE%3E%3C%2FPRE%3E%3CP%3E%22Enhance%20text%20contrast%22%20off%3A%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22%E6%97%A0%E6%A0%87%E9%A2%981.png%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F287750i3CDEC939F8E862A5%2Fimage-size%2Flarge%3Fv%3Dv2%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%22%E6%97%A0%E6%A0%87%E9%A2%981.png%22%20alt%3D%22%E6%97%A0%E6%A0%87%E9%A2%981.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%22Enhance%20text%20contrast%22%20on%3A%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22%E6%97%A0%E6%A0%87%E9%A2%98.png%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F287751i03BFA97A2D4DD315%2Fimage-size%2Flarge%3Fv%3Dv2%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%22%E6%97%A0%E6%A0%87%E9%A2%98.png%22%20alt%3D%22%E6%97%A0%E6%A0%87%E9%A2%98.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E
Regular Visitor

Dev 93.0.910.5

Windows Server 2019

Test file:

 

<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" version="1.1">
  <defs>
    <pattern id="pat" width="200" height="160" patternUnits="userSpaceOnUse">
      <text y="21px" transform="translate(0, 130) rotate(-20)" opacity="0.6">Microsoft Edge</text>
    </pattern>
  </defs>
  <rect width="100%" height="100%" fill="url(#pat)"></rect>
</svg>

"Enhance text contrast" off:

无标题1.png

"Enhance text contrast" on:

 

无标题.png

 

0 Replies