diff options
Diffstat (limited to 'layout/reftests/text-svgglyphs')
72 files changed, 1848 insertions, 0 deletions
diff --git a/layout/reftests/text-svgglyphs/bug1320197-1-ref.html b/layout/reftests/text-svgglyphs/bug1320197-1-ref.html new file mode 100644 index 0000000000..b6dd5db7f1 --- /dev/null +++ b/layout/reftests/text-svgglyphs/bug1320197-1-ref.html @@ -0,0 +1,19 @@ +<!DOCTYPE html> +<meta charset=utf-8> +<style> +@font-face { + font-family: test; + src: url("resources/bug1320197-testFont2.ttf"); +} +div { + font: 600px/1 test; + width: 1em; + height: 1em; + border: 10px solid silver; + position: absolute; +} +</style> + +<p>There should be no purple visible at any of the edges of the black square.</p> + +<div></div> diff --git a/layout/reftests/text-svgglyphs/bug1320197-1.html b/layout/reftests/text-svgglyphs/bug1320197-1.html new file mode 100644 index 0000000000..d9fcd1cbf5 --- /dev/null +++ b/layout/reftests/text-svgglyphs/bug1320197-1.html @@ -0,0 +1,21 @@ +<!DOCTYPE html> +<meta charset=utf-8> +<style> +@font-face { + font-family: test; + src: url("resources/bug1320197-testFont2.ttf"); +} +div { + font: 600px/1 test; + width: 1em; + height: 1em; + border: 10px solid silver; + position: absolute; +} +</style> + +<p>There should be no purple visible at any of the edges of the black square.</p> + +<div></div> + +<div></div> diff --git a/layout/reftests/text-svgglyphs/clip-ref.html b/layout/reftests/text-svgglyphs/clip-ref.html new file mode 100644 index 0000000000..c310bfb86c --- /dev/null +++ b/layout/reftests/text-svgglyphs/clip-ref.html @@ -0,0 +1,21 @@ +<html> + <head> + <style type="text/css"> + @font-face { + font-family : svgttf; + src : url(resources/svg.woff); + } + + body { + font-family : svgttf; + font-size : 200px; + color : palevioletred; + } + </style> + </head> + <body> + <div> +O<br> + </div> + </body> +</html> diff --git a/layout/reftests/text-svgglyphs/clip.html b/layout/reftests/text-svgglyphs/clip.html new file mode 100644 index 0000000000..4f91ff10c3 --- /dev/null +++ b/layout/reftests/text-svgglyphs/clip.html @@ -0,0 +1,39 @@ +<html class="reftest-wait"> + <!-- + This test makes sure that the glyph extents are being extended to + the bounds of the SVG glyph by placing an SVG glyph in a div outside + the truetype extents but inside the SVG extents + --> + <head> + <style type="text/css"> + @font-face { + font-family : svgttf; + src : url(resources/svg.woff); + } + + body { + font-family : svgttf; + font-size : 200px; + color : palevioletred; + } + + div { + width : 160px; + overflow : hidden; + } + </style> + <script type="text/javascript"> + function expand() { + var div = document.getElementById("thediv"); + div.style.width = "200px"; + document.documentElement.removeAttribute("class"); + } + window.addEventListener("MozReftestInvalidate", expand); + </script> + </head> + <body> + <div id="thediv"> +O<br> + </div> + </body> +</html> diff --git a/layout/reftests/text-svgglyphs/reftest.list b/layout/reftests/text-svgglyphs/reftest.list new file mode 100644 index 0000000000..5f04549cec --- /dev/null +++ b/layout/reftests/text-svgglyphs/reftest.list @@ -0,0 +1,36 @@ +defaults pref(gfx.font_rendering.opentype_svg.enabled,true) + +pref(gfx.font_rendering.opentype_svg.enabled,false) != svg-glyph-basic-disabled.svg svg-glyph-basic-ref.svg +skip-if(!Android&&isDebugBuild) fuzzy(0-1,0-200) == svg-glyph-basic.svg svg-glyph-basic-ref.svg +skip-if(!Android&&isDebugBuild) == svg-glyph-invalid-ids.svg svg-glyph-invalid-ids-ref.svg +pref(gfx.font_rendering.opentype_svg.enabled,false) != svg-glyph-positioning-disabled.svg svg-glyph-positioning-ref.svg +skip-if(!Android&&isDebugBuild) fuzzy(0-2,0-350) == svg-glyph-positioning.svg svg-glyph-positioning-ref.svg +skip-if(!Android&&isDebugBuild) == svg-glyph-html.html svg-glyph-html-ref.svg +skip-if(!Android&&isDebugBuild) == svg-glyph-direct.svg svg-glyph-direct-ref.svg +== svg-glyph-invalid.html svg-glyph-invalid-ref.html +skip-if(!Android&&isDebugBuild) == svg-glyph-objectfill-solid.svg svg-glyph-objectfill-solid-ref.svg +skip-if(!Android&&isDebugBuild) fuzzy(0-2,0-200) == svg-glyph-objectstroke-solid.svg svg-glyph-objectstroke-solid-ref.svg +skip-if(!Android&&isDebugBuild) fuzzy(0-1,0-300) == svg-glyph-objectgradient.svg svg-glyph-objectgradient-ref.svg # see bug 871961#c5 +skip-if(!Android&&isDebugBuild) fuzzy(0-1,0-250) == svg-glyph-objectgradient-zoom.svg svg-glyph-objectgradient-zoom-ref.svg +skip-if(!Android&&isDebugBuild) fuzzy(0-14,0-13000) == svg-glyph-objectpattern.svg svg-glyph-objectpattern-ref.svg +skip-if(!Android&&isDebugBuild) == clip.html clip-ref.html + +skip-if(!Android&&isDebugBuild) fuzzy(0-1,0-350) == svg-glyph-objectopacity.svg svg-glyph-objectopacity-ref.svg # see bug 871961#c5 +skip-if(!Android&&isDebugBuild) fuzzy(0-8,0-13000) == svg-glyph-objectopacity2.svg svg-glyph-objectopacity2-ref.svg +skip-if(!Android&&isDebugBuild) fuzzy(0-2,0-200) == svg-glyph-paintnone.svg svg-glyph-paintnone-ref.svg +skip-if(!Android&&isDebugBuild) fuzzy(0-2,0-200) == svg-glyph-cachedopacity.svg svg-glyph-cachedopacity-ref.svg +skip-if(!Android&&isDebugBuild) == svg-glyph-objectvalue.svg svg-glyph-objectvalue-ref.svg +skip-if(!Android&&isDebugBuild) fails-if(useDrawSnapshot) != svg-glyph-objectvalue.svg svg-glyph-objectvalue-75.svg +skip-if(!Android&&isDebugBuild) == svg-glyph-objectvalue-75.svg svg-glyph-objectvalue-75-ref.svg +skip-if(!Android&&isDebugBuild) == svg-glyph-objectvalue-150.svg svg-glyph-objectvalue-150-ref.svg +skip-if(!Android&&isDebugBuild) fuzzy(0-15,0-152) == svg-glyph-mask.svg svg-glyph-mask-ref.svg + +skip-if(!Android&&isDebugBuild) == svg-glyph-paint-server.svg svg-glyph-paint-server-ref.svg +skip-if(!Android&&isDebugBuild) == svg-glyph-transform.svg svg-glyph-transform-ref.svg +skip-if(!Android&&isDebugBuild) == svg-glyph-extents.html svg-glyph-extents-ref.html +skip-if(!Android&&isDebugBuild) == svg-glyph-compressed.html svg-glyph-compressed-ref.html + +skip-if(!Android&&isDebugBuild) fuzzy-if(cocoaWidget,0-1,0-33) == bug1320197-1.html bug1320197-1-ref.html +skip-if(!Android&&isDebugBuild) fuzzy-if(winWidget,0-137,0-198) fuzzy-if(Android,0-81,0-96) == svg-in-ot-bitmap-1.html svg-in-ot-bitmap-1-ref.html + +defaults diff --git a/layout/reftests/text-svgglyphs/resources/README b/layout/reftests/text-svgglyphs/resources/README new file mode 100644 index 0000000000..852e5e4206 --- /dev/null +++ b/layout/reftests/text-svgglyphs/resources/README @@ -0,0 +1,61 @@ +.woff files for SVG-in-OpenType testing +======================================= + +There are three .woff files in this directory: + * nosvg.woff + * svg.woff + * rubbish.woff + +nosvg.woff +---------- +This font is FiraSansOT-Regular, with its metrics hacked so that its ascent +is 1000 and descent is 0. Its unitsPerEm value is 1000. + +It contains no 'SVG ' table. + +svg.woff +-------- +This font is the same as nosvg.woff above, but with the glyphs-*.svg SVG +documents from this directory embedded in it using the tools described below. + +rubbish.woff +------------ +This font is the same as nosvg.woff above, but with the addition of an 'SVG ' +table with the contents of rubbish.txt. Its purpose is to test that SVG tables +without valid XML are ignored. + +Creating the Fonts +------------------ +The tools used here are insertsvg.py from [1] and sfnt2woff from [2]. + +svg.woff can be recreated with: + +woff2sfnt nosvg.woff > nosvg.ttf +insertsvg.py nosvg.ttf svg.ttf glyphs-*.svg +sfnt2woff svg.ttf + +[1] https://github.com/edf825/SVG-OpenType-Utils +[2] http://people.mozilla.com/~jkew/woff/ + + + +Additional test fonts: +====================== + +svg-glyph-extents.otf +--------------------- + +This is a copy of Fira Sans with a simple SVG table added using the tool from +https://github.com/rocallahan/svg-opentype-workshop. The SVG table defines four +glyphs, corresponding to 'A' through 'D': + + <svg xmlns='http://www.w3.org/2000/svg'> + <rect id='glyph36' x='0' y='-1000' width='1000' height='1500' fill='red'/> + <rect id='glyph37' x='0' y='-1000' width='1000' height='1500' fill='green' transform='scale(2)'/> + <g id='glyph38'> + <rect x='0' y='-1000' width='1000' height='1500' fill='red'/> + </g> + <g id='glyph39'> + <rect x='0' y='-1000' width='1000' height='1500' fill='green' transform='scale(2)'/> + </g> + </svg> diff --git a/layout/reftests/text-svgglyphs/resources/bug1320197-testFont2.ttf b/layout/reftests/text-svgglyphs/resources/bug1320197-testFont2.ttf Binary files differnew file mode 100644 index 0000000000..8ef2e89edf --- /dev/null +++ b/layout/reftests/text-svgglyphs/resources/bug1320197-testFont2.ttf diff --git a/layout/reftests/text-svgglyphs/resources/glyphs-base.svg b/layout/reftests/text-svgglyphs/resources/glyphs-base.svg new file mode 100644 index 0000000000..51c32135c0 --- /dev/null +++ b/layout/reftests/text-svgglyphs/resources/glyphs-base.svg @@ -0,0 +1,13 @@ +<svg xmlns="http://www.w3.org/2000/svg"> +<!-- + Basic test SVG glyphs + Covers glyph ID 47 +--> + <!-- char = L --> + <g id="glyph47"> + <rect x="100" y="-900" width="800" height="800" stroke-width="50" + stroke="black" fill="red"/> + <rect x="100" y="-1000" width="100" height="100" stroke="none" + fill="turquoise" /> + </g> +</svg> diff --git a/layout/reftests/text-svgglyphs/resources/glyphs-invalid.svg b/layout/reftests/text-svgglyphs/resources/glyphs-invalid.svg new file mode 100644 index 0000000000..4740b4ff3b --- /dev/null +++ b/layout/reftests/text-svgglyphs/resources/glyphs-invalid.svg @@ -0,0 +1,40 @@ +<svg xmlns="http://www.w3.org/2000/svg"> +<!-- + Test handling of invalid ids +--> + <!-- not valid: leading space not allowed --> + <g id="glyph 48"> + <rect x="100" y="-900" width="800" height="800" stroke-width="50" + fill="red"/> + </g> + <!-- not valid: leading zero not allowed --> + <g id="glyph048"> + <rect x="100" y="-900" width="800" height="800" stroke-width="50" + fill="red"/> + </g> + <!-- not valid: trailing garbage not allowed --> + <g id="glyph48xxx"> + <rect x="100" y="-900" width="800" height="800" stroke-width="50" + fill="red"/> + </g> + <!-- not valid: trailing space not allowed --> + <g id="glyph48 "> + <rect x="100" y="-900" width="800" height="800" stroke-width="50" + fill="red"/> + </g> + <!-- not valid: floating point not allowed --> + <g id="glyph48.0"> + <rect x="100" y="-900" width="800" height="800" stroke-width="50" + fill="red"/> + </g> + <!-- char = M --> + <g id="glyph48"> + <rect x="100" y="-900" width="800" height="800" stroke-width="50" + fill="lime"/> + </g> + <!-- Ensure first glyph48 is picked --> + <g id="glyph48"> + <rect x="100" y="-900" width="800" height="800" stroke-width="50" + fill="red"/> + </g> +</svg> diff --git a/layout/reftests/text-svgglyphs/resources/glyphs-objectcolor.svg b/layout/reftests/text-svgglyphs/resources/glyphs-objectcolor.svg new file mode 100644 index 0000000000..cf738d0cc1 --- /dev/null +++ b/layout/reftests/text-svgglyphs/resources/glyphs-objectcolor.svg @@ -0,0 +1,24 @@ +<svg xmlns="http://www.w3.org/2000/svg"> +<!-- + Test SVG glyphs for text object pattern inheritance + Covers glyph ID range 49 (N) to 52 (Q) +--> +<!-- context-fill, no stroke --> + <!-- N --> + <rect x="100" y="-900" width="800" height="800" stroke-width="50" + stroke="none" fill="context-fill" id="glyph49"/> + + <!-- O --> + <rect x="50" y="-950" width="900" height="900" stroke-width="100" + fill="context-fill" stroke="none" id="glyph50"/> + +<!-- context-stroke --> + <!-- P --> + <rect x="100" y="-900" width="800" height="800" stroke-width="50" + stroke="context-stroke" fill="burlywood" id="glyph51"/> + +<!-- both context-stroke and context-fill (but note swapped usage!) --> + <!-- Q --> + <rect x="50" y="-950" width="900" height="900" stroke-width="100" + fill="context-stroke" stroke="context-fill" id="glyph52"/> +</svg> diff --git a/layout/reftests/text-svgglyphs/resources/glyphs-objectopacity.svg b/layout/reftests/text-svgglyphs/resources/glyphs-objectopacity.svg new file mode 100644 index 0000000000..7fc479e22b --- /dev/null +++ b/layout/reftests/text-svgglyphs/resources/glyphs-objectopacity.svg @@ -0,0 +1,59 @@ +<svg xmlns="http://www.w3.org/2000/svg"> +<!-- + Test SVG glyphs for text object opacity inheritance + Covers glyph ID range 53 (R) to 60 (Y) +--> + <!-- R --> + <rect x="100" y="-900" width="800" height="800" stroke-width="50" + fill="context-fill" stroke="context-stroke" + fill-opacity="context-fill-opacity" + stroke-opacity="context-stroke-opacity" id="glyph53"/> + + <!-- S --> + <rect x="100" y="-900" width="800" height="800" stroke-width="50" + fill="context-fill" stroke="context-stroke" + fill-opacity="context-stroke-opacity" + stroke-opacity="context-fill-opacity" id="glyph54"/> + + <!-- T --> + <rect x="100" y="-900" width="800" height="800" stroke-width="50" + fill="context-stroke" stroke="context-fill" + fill-opacity="context-fill-opacity" + stroke-opacity="context-stroke-opacity" id="glyph55"/> + + <!-- U --> + <!-- Test for bug where explicit `inherit' would fail for + *-opacity="objectStrokeOpacity" or "objectFillOpacity" --> + <g style="fill-opacity : context-stroke-opacity; stroke-opacity : context-fill-opacity"> + <rect x="100" y="-900" width="800" height="800" stroke-width="50" + fill="context-stroke" stroke="context-fill" + fill-opacity="inherit" stroke-opacity="inherit" id="glyph56"/> + </g> + + <!-- W --> + <rect x="100" y="-900" width="800" height="800" stroke-width="50" + fill="darkorchid" stroke="goldenrod" + fill-opacity="context-fill-opacity" + stroke-opacity="context-stroke-opacity" id="glyph58"/> + + <!-- X --> + <rect x="100" y="-900" width="800" height="800" stroke-width="50" + fill="darkorchid" stroke="goldenrod" + fill-opacity="context-stroke-opacity" + stroke-opacity="context-fill-opacity" id="glyph59"/> + + <style type="text/css"><![CDATA[ + #glyph60 { + fill-opacity : context-fill-opacity; + stroke-opacity : context-stroke-opacity; + } + #ychild { + color-interpolation : sRGB; + } + ]]></style> + <!-- Y --> + <g id="glyph60"> + <rect x="100" y="-900" width="800" height="300" stroke="red" stroke-width="50"/> + <rect x="100" y="-400" width="800" height="300" stroke="red" stroke-width="50" id="ychild" /> + </g> +</svg> diff --git a/layout/reftests/text-svgglyphs/resources/glyphs-objectstroke.svg b/layout/reftests/text-svgglyphs/resources/glyphs-objectstroke.svg new file mode 100644 index 0000000000..44afb2f600 --- /dev/null +++ b/layout/reftests/text-svgglyphs/resources/glyphs-objectstroke.svg @@ -0,0 +1,25 @@ +<svg xmlns="http://www.w3.org/2000/svg"> +<!-- + Test SVG glyphs for text object stroke value inheritance + Covers glyph ID range 68 (a) to 71 (d) +--> + <!-- a --> + <rect x="100" y="-900" width="800" height="800" stroke="powderblue" + stroke-width="50" stroke-dashoffset="35" + stroke-dasharray="50 50" id="glyph68" /> + + <!-- b --> + <rect x="100" y="-900" width="800" height="800" stroke="chartreuse" + stroke-width="50" stroke-dashoffset="35" + stroke-dasharray="context-value" id="glyph69" /> + + <!-- c --> + <rect x="100" y="-900" width="800" height="800" stroke="sienna" + stroke-width="50" stroke-dasharray="50 50" + stroke-dashoffset="context-value" id="glyph70" /> + + <!-- d --> + <rect x="100" y="-900" width="800" height="800" stroke="olivedrab" + stroke-width="context-value" stroke-dasharray="context-value" + stroke-dashoffset="context-value" id="glyph71" /> +</svg> diff --git a/layout/reftests/text-svgglyphs/resources/glyphs-paintservers.svg b/layout/reftests/text-svgglyphs/resources/glyphs-paintservers.svg new file mode 100644 index 0000000000..7f5a95ac09 --- /dev/null +++ b/layout/reftests/text-svgglyphs/resources/glyphs-paintservers.svg @@ -0,0 +1,28 @@ +<svg xmlns="http://www.w3.org/2000/svg"> +<!-- + SVG test glyphs for paint servers within SVG glyphs + e: tests that we can refer to paint servers within the SVG glyph doc + (i.e. fill="url(#grad)" works) + f: tests that stop-color="context-{fill,stroke}" uses the context fill/stroke + fallback color +--> + <defs> + <linearGradient id="grad"> + <stop offset="0%" stop-color="papayawhip" /> + <stop offset="100%" stop-color="plum" /> + </linearGradient> + + <linearGradient id="grad2"> + <stop offset="0%" stop-color="context-fill" /> + <stop offset="100%" stop-color="context-stroke" /> + </linearGradient> + </defs> + + <!-- char 'e' --> + <rect id="glyph72" x="250" y="-750" width="500" height="500" + fill="url(#grad)" /> + + <!-- char 'f' --> + <rect id="glyph73" x="250" y="-750" width="500" height="500" + fill="url(#grad2)" /> +</svg> diff --git a/layout/reftests/text-svgglyphs/resources/glyphs-transforms.svg b/layout/reftests/text-svgglyphs/resources/glyphs-transforms.svg new file mode 100644 index 0000000000..ff3d9ffb76 --- /dev/null +++ b/layout/reftests/text-svgglyphs/resources/glyphs-transforms.svg @@ -0,0 +1,67 @@ +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> +<!-- + SVG test glyphs for transforms within SVG glyphs + 'g': simple red square used as a reference + 'h': a smaller square, with a transform that should make it match the 'g' + 'i': similar, applying a transform to the referenced element + 'j': has a large blue square that should be transformed such that it is + completely hidden by the red + 'k': tests the accumulation of several transforms + 'l': checks that a transform from outside the glyph element is NOT applied + 'm', 'n', 'o', 'p': all render the same <rect> but only 'm' and 'n' should be + transformed; 'o' and 'p' should match 'q' + 'q': the unscaled small square, reference for 'o' and 'p' above +--> + + <defs> + <!-- this rect will need to be scaled 5x to match the reference glyph 'g' --> + <rect id="small" x="50" y="-150" width="100" height="100" fill="red" /> + </defs> + + <!-- char 'g' --> + <rect id="glyph74" x="250" y="-750" width="500" height="500" fill="red" /> + + <!-- char 'h' --> + <rect id="glyph75" x="25" y="-75" width="50" height="50" transform="scale(10)" fill="red" /> + + <!-- char 'i' --> + <g id="glyph76"> + <use xlink:href="#small" transform="scale(5)" /> + </g> + + <!-- char 'j' --> + <g id="glyph77"> + <g transform="translate(300,-300) scale(0.4)"> + <rect x="0" y="-1000" width="1000" height="1000" fill="blue" /> + </g> + <g transform="scale(5)"> + <use xlink:href="#small" /> + </g> + </g> + + <!-- char 'k' --> + <g id="glyph78" transform="scale(0.5)"> + <g transform="scale(0.5)"> + <use xlink:href="#small" transform="scale(20)" /> + </g> + </g> + + <!-- char 'l' --> + <g transform="scale(2)"> + <g id="glyph79"> + <use xlink:href="#small" transform="scale(5)" /> + </g> + </g> + + <g id="glyph80"> <!-- char 'm' --> + <g id="glyph81" transform="scale(5)"> <!-- char 'n' --> + <g id="glyph82"> <!-- char 'o' --> + <use id="glyph83" xlink:href="#small" /> <!-- char 'p' --> + </g> + </g> + </g> + + <!-- char 'q' --> + <use id="glyph84" xlink:href="#small" /> + +</svg> diff --git a/layout/reftests/text-svgglyphs/resources/nosvg.woff b/layout/reftests/text-svgglyphs/resources/nosvg.woff Binary files differnew file mode 100644 index 0000000000..ad53341871 --- /dev/null +++ b/layout/reftests/text-svgglyphs/resources/nosvg.woff diff --git a/layout/reftests/text-svgglyphs/resources/rubbish.txt b/layout/reftests/text-svgglyphs/resources/rubbish.txt new file mode 100644 index 0000000000..1ad1631812 --- /dev/null +++ b/layout/reftests/text-svgglyphs/resources/rubbish.txt @@ -0,0 +1 @@ +This is the text contained in the rubbish.ttf 'SVG ' table. It is obviously not XML, and should thus be ignored. diff --git a/layout/reftests/text-svgglyphs/resources/rubbish.woff b/layout/reftests/text-svgglyphs/resources/rubbish.woff Binary files differnew file mode 100644 index 0000000000..3c83e02a30 --- /dev/null +++ b/layout/reftests/text-svgglyphs/resources/rubbish.woff diff --git a/layout/reftests/text-svgglyphs/resources/svg-bitmap.ttf b/layout/reftests/text-svgglyphs/resources/svg-bitmap.ttf Binary files differnew file mode 100644 index 0000000000..cb0e3bd95d --- /dev/null +++ b/layout/reftests/text-svgglyphs/resources/svg-bitmap.ttf diff --git a/layout/reftests/text-svgglyphs/resources/svg-bitmap.ttx b/layout/reftests/text-svgglyphs/resources/svg-bitmap.ttx new file mode 100644 index 0000000000..cd3e9f4c5c --- /dev/null +++ b/layout/reftests/text-svgglyphs/resources/svg-bitmap.ttx @@ -0,0 +1,253 @@ +<?xml version="1.0" encoding="UTF-8"?> +<ttFont sfntVersion="\x00\x01\x00\x00" ttLibVersion="4.16"> + + <GlyphOrder> + <!-- The 'id' attribute is only for humans; it is ignored when parsed. --> + <GlyphID id="0" name=".notdef"/> + <GlyphID id="1" name="uni0000"/> + <GlyphID id="2" name="uni000D"/> + <GlyphID id="3" name="space"/> + <GlyphID id="4" name="A"/> + <GlyphID id="5" name="B"/> + <GlyphID id="6" name="C"/> + </GlyphOrder> + + <head> + <!-- Most of this table will be recalculated by the compiler --> + <tableVersion value="1.0"/> + <fontRevision value="1.0"/> + <checkSumAdjustment value="0xcbb705e8"/> + <magicNumber value="0x5f0f3cf5"/> + <flags value="00000000 00000011"/> + <unitsPerEm value="1000"/> + <created value="Tue Mar 1 20:28:26 2022"/> + <modified value="Tue Mar 1 20:28:26 2022"/> + <xMin value="0"/> + <yMin value="-250"/> + <xMax value="1000"/> + <yMax value="750"/> + <macStyle value="00000000 00000000"/> + <lowestRecPPEM value="3"/> + <fontDirectionHint value="2"/> + <indexToLocFormat value="0"/> + <glyphDataFormat value="0"/> + </head> + + <hhea> + <tableVersion value="0x00010000"/> + <ascent value="750"/> + <descent value="-250"/> + <lineGap value="0"/> + <advanceWidthMax value="1000"/> + <minLeftSideBearing value="0"/> + <minRightSideBearing value="0"/> + <xMaxExtent value="1000"/> + <caretSlopeRise value="1"/> + <caretSlopeRun value="0"/> + <caretOffset value="0"/> + <reserved0 value="0"/> + <reserved1 value="0"/> + <reserved2 value="0"/> + <reserved3 value="0"/> + <metricDataFormat value="0"/> + <numberOfHMetrics value="4"/> + </hhea> + + <maxp> + <!-- Most of this table will be recalculated by the compiler --> + <tableVersion value="0x10000"/> + <numGlyphs value="7"/> + <maxPoints value="2"/> + <maxContours value="2"/> + <maxCompositePoints value="0"/> + <maxCompositeContours value="0"/> + <maxZones value="2"/> + <maxTwilightPoints value="0"/> + <maxStorage value="0"/> + <maxFunctionDefs value="0"/> + <maxInstructionDefs value="0"/> + <maxStackElements value="512"/> + <maxSizeOfInstructions value="0"/> + <maxComponentElements value="0"/> + <maxComponentDepth value="0"/> + </maxp> + + <OS_2> + <!-- The fields 'usFirstCharIndex' and 'usLastCharIndex' + will be recalculated by the compiler --> + <version value="4"/> + <xAvgCharWidth value="1000"/> + <usWeightClass value="400"/> + <usWidthClass value="5"/> + <fsType value="00000000 00000000"/> + <ySubscriptXSize value="650"/> + <ySubscriptYSize value="699"/> + <ySubscriptXOffset value="0"/> + <ySubscriptYOffset value="140"/> + <ySuperscriptXSize value="650"/> + <ySuperscriptYSize value="699"/> + <ySuperscriptXOffset value="0"/> + <ySuperscriptYOffset value="479"/> + <yStrikeoutSize value="49"/> + <yStrikeoutPosition value="258"/> + <sFamilyClass value="0"/> + <panose> + <bFamilyType value="0"/> + <bSerifStyle value="0"/> + <bWeight value="0"/> + <bProportion value="0"/> + <bContrast value="0"/> + <bStrokeVariation value="0"/> + <bArmStyle value="0"/> + <bLetterForm value="0"/> + <bMidline value="0"/> + <bXHeight value="0"/> + </panose> + <ulUnicodeRange1 value="00000000 00000000 00000000 00000111"/> + <ulUnicodeRange2 value="00000000 00000000 00000000 00000000"/> + <ulUnicodeRange3 value="00000000 00000000 00000000 00000000"/> + <ulUnicodeRange4 value="00000000 00000000 00000000 00000000"/> + <achVendID value="XXXX"/> + <fsSelection value="00000000 01000000"/> + <usFirstCharIndex value="0"/> + <usLastCharIndex value="67"/> + <sTypoAscender value="750"/> + <sTypoDescender value="-250"/> + <sTypoLineGap value="0"/> + <usWinAscent value="750"/> + <usWinDescent value="250"/> + <ulCodePageRange1 value="00000000 00000000 00000000 00000011"/> + <ulCodePageRange2 value="00000000 00000000 00000000 00000000"/> + <sxHeight value="400"/> + <sCapHeight value="700"/> + <usDefaultChar value="32"/> + <usBreakChar value="32"/> + <usMaxContext value="0"/> + </OS_2> + + <hmtx> + <mtx name=".notdef" width="1000" lsb="0"/> + <mtx name="A" width="1000" lsb="0"/> + <mtx name="B" width="1000" lsb="0"/> + <mtx name="C" width="1000" lsb="0"/> + <mtx name="space" width="1000" lsb="0"/> + <mtx name="uni0000" width="0" lsb="0"/> + <mtx name="uni000D" width="0" lsb="0"/> + </hmtx> + + <cmap> + <tableVersion version="0"/> + <cmap_format_4 platformID="3" platEncID="1" language="0"> + <map code="0x0" name="uni0000"/><!-- ???? --> + <map code="0xd" name="uni000D"/><!-- ???? --> + <map code="0x20" name="space"/><!-- SPACE --> + <map code="0x41" name="A"/><!-- LATIN CAPITAL LETTER A --> + <map code="0x42" name="B"/><!-- LATIN CAPITAL LETTER B --> + <map code="0x43" name="C"/><!-- LATIN CAPITAL LETTER C --> + </cmap_format_4> + </cmap> + + <loca> + <!-- The 'loca' table will be calculated by the compiler --> + </loca> + + <glyf> + + <!-- The xMin, yMin, xMax and yMax values + will be recalculated by the compiler. --> + + <TTGlyph name=".notdef"/><!-- contains no outline data --> + + <TTGlyph name="A" xMin="0" yMin="-250" xMax="1000" yMax="750"> + <contour> + <pt x="0" y="-250" on="1"/> + </contour> + <contour> + <pt x="1000" y="750" on="1"/> + </contour> + <instructions/> + </TTGlyph> + + <TTGlyph name="B" xMin="0" yMin="-250" xMax="1000" yMax="750"> + <contour> + <pt x="0" y="-250" on="1"/> + </contour> + <contour> + <pt x="1000" y="750" on="1"/> + </contour> + <instructions/> + </TTGlyph> + + <TTGlyph name="C" xMin="0" yMin="-250" xMax="1000" yMax="750"> + <contour> + <pt x="0" y="-250" on="1"/> + </contour> + <contour> + <pt x="1000" y="750" on="1"/> + </contour> + <instructions/> + </TTGlyph> + + <TTGlyph name="space" xMin="0" yMin="-250" xMax="1000" yMax="750"> + <contour> + <pt x="0" y="-250" on="1"/> + </contour> + <contour> + <pt x="1000" y="750" on="1"/> + </contour> + <instructions/> + </TTGlyph> + + <TTGlyph name="uni0000"/><!-- contains no outline data --> + + <TTGlyph name="uni000D"/><!-- contains no outline data --> + + </glyf> + + <name> + <namerecord nameID="1" platformID="3" platEncID="1" langID="0x409"> + SVG-Bitmap + </namerecord> + <namerecord nameID="2" platformID="3" platEncID="1" langID="0x409"> + Regular + </namerecord> + <namerecord nameID="3" platformID="3" platEncID="1" langID="0x409"> + SVG-Bitmap-Regular:v1.0 + </namerecord> + <namerecord nameID="4" platformID="3" platEncID="1" langID="0x409"> + SVG-Bitmap Regular + </namerecord> + <namerecord nameID="5" platformID="3" platEncID="1" langID="0x409"> + Version 1.0 + </namerecord> + <namerecord nameID="6" platformID="3" platEncID="1" langID="0x409"> + SVG-Bitmap-Regular + </namerecord> + </name> + + <post> + <formatType value="3.0"/> + <italicAngle value="0.0"/> + <underlinePosition value="0"/> + <underlineThickness value="0"/> + <isFixedPitch value="0"/> + <minMemType42 value="0"/> + <maxMemType42 value="0"/> + <minMemType1 value="0"/> + <maxMemType1 value="0"/> + </post> + + <SVG> + + <svgDoc endGlyphID="4" startGlyphID="4"> + <![CDATA[<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="glyph4" viewBox="0 0 1000 1000"><image x="0" y="-750" width="1000" height="1000" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAAAXNSR0IArs4c6QAAAChJREFUSMftzUENAAAIBKDT/p01hQ83KEBNbnUEAoFAIBAIBALBk2ABo8QBP1gd7ycAAAAASUVORK5CYII="/></svg>]]> + </svgDoc> + <svgDoc endGlyphID="5" startGlyphID="5"> + <![CDATA[<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="glyph5" viewBox="0 0 1000 1000"><image x="0" y="-750" width="1000" height="1000" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAAAXNSR0IArs4c6QAAAChJREFUSMftzUENAAAIBKDT/p01hQ83KEDN5FQnAoFAIBAIBAKB4EewtloCPhS2RvMAAAAASUVORK5CYII="/></svg>]]> + </svgDoc> + <svgDoc endGlyphID="6" startGlyphID="6"> + <![CDATA[<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="glyph6" viewBox="0 0 1000 1000"><image x="0" y="-750" width="1000" height="1000" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAAAXNSR0IArs4c6QAAAChJREFUSMftzUEBAAAEBLCjf2dK8NsKrJLJp84zgUAgEAgEAoFAcGUBocYBP+pqhN4AAAAASUVORK5CYII="/></svg>]]> + </svgDoc> + </SVG> + +</ttFont> diff --git a/layout/reftests/text-svgglyphs/resources/svg-glyph-extents.otf b/layout/reftests/text-svgglyphs/resources/svg-glyph-extents.otf Binary files differnew file mode 100644 index 0000000000..1083f397f6 --- /dev/null +++ b/layout/reftests/text-svgglyphs/resources/svg-glyph-extents.otf diff --git a/layout/reftests/text-svgglyphs/resources/svg-gz.ttf b/layout/reftests/text-svgglyphs/resources/svg-gz.ttf Binary files differnew file mode 100644 index 0000000000..3a9660224a --- /dev/null +++ b/layout/reftests/text-svgglyphs/resources/svg-gz.ttf diff --git a/layout/reftests/text-svgglyphs/resources/svg.woff b/layout/reftests/text-svgglyphs/resources/svg.woff Binary files differnew file mode 100644 index 0000000000..6deee1460d --- /dev/null +++ b/layout/reftests/text-svgglyphs/resources/svg.woff diff --git a/layout/reftests/text-svgglyphs/svg-glyph-basic-disabled.svg b/layout/reftests/text-svgglyphs/svg-glyph-basic-disabled.svg new file mode 100644 index 0000000000..493a9260b7 --- /dev/null +++ b/layout/reftests/text-svgglyphs/svg-glyph-basic-disabled.svg @@ -0,0 +1,27 @@ +<svg xmlns="http://www.w3.org/2000/svg"> + <style type="text/css"> + <![CDATA[ + @font-face { + font-family: "Liberation"; + /* For testing with the pref disabled, add a query to the font URL + to avoid cache confusion between enabled/disabled. */ + src:url(resources/svg.woff?disabled); + } + text + { + font-family: Liberation; + font-size: 200px; + stroke: black; + } + ]]> + </style> + <!-- + Test that SVG glyphs are being drawn instead of TrueType glyphs + Also testing that this does not happen if the + gfx.font_rendering.opentype_svg.enabled preference is set to true. + --> + <!-- glyphid --> + <text x="0" y="200"> + L + </text> +</svg> diff --git a/layout/reftests/text-svgglyphs/svg-glyph-basic-ref.svg b/layout/reftests/text-svgglyphs/svg-glyph-basic-ref.svg new file mode 100644 index 0000000000..205529a50e --- /dev/null +++ b/layout/reftests/text-svgglyphs/svg-glyph-basic-ref.svg @@ -0,0 +1,8 @@ +<svg xmlns="http://www.w3.org/2000/svg"> + <g> + <rect x="20" y="20" width="160" height="160" stroke-width="10" + stroke="black" fill="red" /> + <rect x="20" y="0" width="20" height="20" stroke="none" + fill="turquoise" /> + </g> +</svg> diff --git a/layout/reftests/text-svgglyphs/svg-glyph-basic.svg b/layout/reftests/text-svgglyphs/svg-glyph-basic.svg new file mode 100644 index 0000000000..6eea7d986c --- /dev/null +++ b/layout/reftests/text-svgglyphs/svg-glyph-basic.svg @@ -0,0 +1,25 @@ +<svg xmlns="http://www.w3.org/2000/svg"> + <style type="text/css"> + <![CDATA[ + @font-face { + font-family: "Liberation"; + src:url(resources/svg.woff); + } + text + { + font-family: Liberation; + font-size: 200px; + stroke: black; + } + ]]> + </style> + <!-- + Test that SVG glyphs are being drawn instead of TrueType glyphs + Also testing that this does not happen if the + gfx.font_rendering.opentype_svg.enabled preference is set to true. + --> + <!-- glyphid --> + <text x="0" y="200"> + L + </text> +</svg> diff --git a/layout/reftests/text-svgglyphs/svg-glyph-cachedopacity-ref.svg b/layout/reftests/text-svgglyphs/svg-glyph-cachedopacity-ref.svg new file mode 100644 index 0000000000..944ad2efc6 --- /dev/null +++ b/layout/reftests/text-svgglyphs/svg-glyph-cachedopacity-ref.svg @@ -0,0 +1,6 @@ +<svg xmlns="http://www.w3.org/2000/svg"> + <rect x="20" y="20" width="160" height="60" stroke="red" stroke-width="10" + fill-opacity="0.5" stroke-opacity="0.5" /> + <rect x="20" y="120" width="160" height="60" stroke="red" stroke-width="10" + fill-opacity="0.5" stroke-opacity="0.5" /> +</svg> diff --git a/layout/reftests/text-svgglyphs/svg-glyph-cachedopacity.svg b/layout/reftests/text-svgglyphs/svg-glyph-cachedopacity.svg new file mode 100644 index 0000000000..60b11344c8 --- /dev/null +++ b/layout/reftests/text-svgglyphs/svg-glyph-cachedopacity.svg @@ -0,0 +1,20 @@ +<svg xmlns="http://www.w3.org/2000/svg"> + <style type="text/css"><![CDATA[ + @font-face { + font-family : svgwoff; + src : url(resources/svg.woff); + } + text { + font-family : svgwoff; + font-size : 200px; + fill-opacity : 0.5; + stroke-opacity : 0.5; + } + ]]></style> + + <!-- + Test for a bug where cached fill-opacity and stroke-opacity values were + being destroyed + --> + <text x="0" y="200" stroke="black">Y</text> +</svg> diff --git a/layout/reftests/text-svgglyphs/svg-glyph-compressed-ref.html b/layout/reftests/text-svgglyphs/svg-glyph-compressed-ref.html new file mode 100644 index 0000000000..3325c05f22 --- /dev/null +++ b/layout/reftests/text-svgglyphs/svg-glyph-compressed-ref.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<title>Test for compressed SVG glyphs</title> +<style> + @font-face { + font-family: test; + src: url(resources/svg.woff); /* uses uncompressed SVG documents */ + } + html { width: 400px; height: 400px; background-color: white; } + body { margin: 0; } + div { font: 200px test; color: fuchsia; line-height: 1; stroke: none; } +</style> +<div>abcdefg</div> +<div>LMNOPQR</div> diff --git a/layout/reftests/text-svgglyphs/svg-glyph-compressed.html b/layout/reftests/text-svgglyphs/svg-glyph-compressed.html new file mode 100644 index 0000000000..0c51a54b12 --- /dev/null +++ b/layout/reftests/text-svgglyphs/svg-glyph-compressed.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<title>Test for compressed SVG glyphs</title> +<style> + @font-face { + font-family: test; + src: url(resources/svg-gz.ttf); /* copy of svg.woff using gzip-compressed SVG documents */ + } + html { width: 400px; height: 400px; background-color: white; } + body { margin: 0; } + div { font: 200px test; color: fuchsia; line-height: 1; stroke: none; } +</style> +<div>abcdefg</div> +<div>LMNOPQR</div> diff --git a/layout/reftests/text-svgglyphs/svg-glyph-direct-ref.svg b/layout/reftests/text-svgglyphs/svg-glyph-direct-ref.svg new file mode 100644 index 0000000000..67a5fb8d23 --- /dev/null +++ b/layout/reftests/text-svgglyphs/svg-glyph-direct-ref.svg @@ -0,0 +1,27 @@ +<svg xmlns="http://www.w3.org/2000/svg"> + + <title>Reference for SVG glyphs being painted when painting properties are simple</title> + + <style> + <![CDATA[ + @font-face { + font-family: "Liberation"; + src: url(resources/svg.woff); + } + text { + font-family: Liberation; + font-size: 200px; + fill: url(#transparent); + } + ]]> + </style> + + <linearGradient id="transparent"> + <stop/> + </linearGradient> + + <!-- The gradient paint server fill is not used by the "L" glyph, + but setting it forces the code path that fills and strokes text + in the SVG text frame to be chosen. --> + <text x="0" y="200">L</text> +</svg> diff --git a/layout/reftests/text-svgglyphs/svg-glyph-direct.svg b/layout/reftests/text-svgglyphs/svg-glyph-direct.svg new file mode 100644 index 0000000000..c1e38a2cee --- /dev/null +++ b/layout/reftests/text-svgglyphs/svg-glyph-direct.svg @@ -0,0 +1,19 @@ +<svg xmlns="http://www.w3.org/2000/svg"> + + <title>Test for SVG glyphs being painted when painting properties are simple</title> + + <style> + <![CDATA[ + @font-face { + font-family: "Liberation"; + src: url(resources/svg.woff); + } + text { + font-family: Liberation; + font-size: 200px; + } + ]]> + </style> + + <text x="0" y="200">L</text> +</svg> diff --git a/layout/reftests/text-svgglyphs/svg-glyph-extents-ref.html b/layout/reftests/text-svgglyphs/svg-glyph-extents-ref.html new file mode 100644 index 0000000000..bd9847928b --- /dev/null +++ b/layout/reftests/text-svgglyphs/svg-glyph-extents-ref.html @@ -0,0 +1,27 @@ +<!DOCTYPE html> +<html> +<meta charset="utf-8"> +<head> +<style type="text/css"> +@font-face { + font-family: foo; + src: url(resources/svg-glyph-extents.otf); +} +body { + font-family: foo; + font-size: 10px; +} +div { + display: inline-block; + height: 100px; + width: 100px; +} +</style> +</head> +<body> +<div>A</div> +<div>B</div> +<div>C</div> +<div>D</div> +</body> +</html> diff --git a/layout/reftests/text-svgglyphs/svg-glyph-extents.html b/layout/reftests/text-svgglyphs/svg-glyph-extents.html new file mode 100644 index 0000000000..6d7060aada --- /dev/null +++ b/layout/reftests/text-svgglyphs/svg-glyph-extents.html @@ -0,0 +1,50 @@ +<!DOCTYPE html> +<html class="reftest-wait"> +<meta charset="utf-8"> +<head> +<style type="text/css"> +@font-face { + font-family: foo; + src: url(resources/svg-glyph-extents.otf); +} +body { + font-family: foo; + font-size: 10px; +} +@keyframes test { + from { + font-size: 100px; + } + to { + font-size: 10px; + } +} +#start-animation div { + display: inline-block; + height: 100px; + width: 100px; + animation-duration: 3s; + animation-name: test; +} +</style> +<script type="text/javascript"> +function setup() { + var e = document.getElementById("watchme"); + e.addEventListener("animationend", listener); + + // Start the animation after the animationend listener has been subscribed + // (See Bug 1543639 Comment 25 for a rationale). + document.body.id = "start-animation"; +} +function listener() { + document.documentElement.className = ""; +} +</script> +</head> +<body onload="setup()"> +<div>A</div> +<div id="watchme">B</div> +<div>C</div> +<div>D</div> +</body> +</html> diff --git a/layout/reftests/text-svgglyphs/svg-glyph-html-ref.svg b/layout/reftests/text-svgglyphs/svg-glyph-html-ref.svg new file mode 100644 index 0000000000..6360240ff8 --- /dev/null +++ b/layout/reftests/text-svgglyphs/svg-glyph-html-ref.svg @@ -0,0 +1,11 @@ +<svg xmlns="http://www.w3.org/2000/svg"> + <title>Reference for SVG glyphs being used in HTML content</title> + <style> + @font-face { + font-family: "Liberation"; + src: url(resources/svg.woff); + } + text { font: 200px Liberation; fill: fuchsia; stroke: black; } + </style> + <text x="0" y="200">b</text> +</svg> diff --git a/layout/reftests/text-svgglyphs/svg-glyph-html.html b/layout/reftests/text-svgglyphs/svg-glyph-html.html new file mode 100644 index 0000000000..5d4298f6df --- /dev/null +++ b/layout/reftests/text-svgglyphs/svg-glyph-html.html @@ -0,0 +1,12 @@ +<!DOCTYPE html> +<title>Test for SVG glyphs being used in HTML content</title> +<style> + @font-face { + font-family: "Liberation"; + src: url(resources/svg.woff); + } + html { width: 400px; height: 400px; background-color: white; } + body { margin: 0; } + div { font: 200px Liberation; color: fuchsia; line-height: 1; stroke: none; } +</style> +<div>b</div> diff --git a/layout/reftests/text-svgglyphs/svg-glyph-invalid-ids-ref.svg b/layout/reftests/text-svgglyphs/svg-glyph-invalid-ids-ref.svg new file mode 100644 index 0000000000..8666756e4e --- /dev/null +++ b/layout/reftests/text-svgglyphs/svg-glyph-invalid-ids-ref.svg @@ -0,0 +1,6 @@ +<svg xmlns="http://www.w3.org/2000/svg"> + <g> + <rect x="20" y="20" width="160" height="160" stroke-width="10" + fill="lime" /> + </g> +</svg> diff --git a/layout/reftests/text-svgglyphs/svg-glyph-invalid-ids.svg b/layout/reftests/text-svgglyphs/svg-glyph-invalid-ids.svg new file mode 100644 index 0000000000..25813f2972 --- /dev/null +++ b/layout/reftests/text-svgglyphs/svg-glyph-invalid-ids.svg @@ -0,0 +1,22 @@ +<svg xmlns="http://www.w3.org/2000/svg"> + <style type="text/css"> + <![CDATA[ + @font-face { + font-family: "Liberation"; + src:url(resources/svg.woff); + } + text + { + font-family: Liberation; + font-size: 200px; + } + ]]> + </style> + <!-- + Test that the right SVG glyph is picked from a document containing various + invalid glyph IDs. + --> + <text x="0" y="200"> + M + </text> +</svg> diff --git a/layout/reftests/text-svgglyphs/svg-glyph-invalid-ref.html b/layout/reftests/text-svgglyphs/svg-glyph-invalid-ref.html new file mode 100644 index 0000000000..632e8f2ca8 --- /dev/null +++ b/layout/reftests/text-svgglyphs/svg-glyph-invalid-ref.html @@ -0,0 +1,18 @@ +<html> + <head> + <title>Reference for test that invalid XML in the 'SVG ' table is rejected</title> + <style> + @font-face { + font-family : 'Liberation'; + src : url(resources/nosvg.woff); + } + body { + font-family : 'Liberation'; + font-size : 200px; + } + </style> + </head> + <body> + LML︁ + </body> +</html> diff --git a/layout/reftests/text-svgglyphs/svg-glyph-invalid.html b/layout/reftests/text-svgglyphs/svg-glyph-invalid.html new file mode 100644 index 0000000000..3c785d02f7 --- /dev/null +++ b/layout/reftests/text-svgglyphs/svg-glyph-invalid.html @@ -0,0 +1,23 @@ +<html> + <head> + <title>Test that invalid XML in the 'SVG ' table is rejected</title> + <style> + @font-face { + font-family : 'Liberation'; + src : url(resources/rubbish.woff); + } + body { + font-family : 'Liberation'; + font-size : 200px; + } + </style> + </head> + <!-- + The font file resources/rubbish.woff contains an SVG table which + does not contain valid XML. This test makes sure it falls back + on rendering the text using the truetype outlines. + --> + <body> + LML︁ + </body> +</html> diff --git a/layout/reftests/text-svgglyphs/svg-glyph-mask-ref.svg b/layout/reftests/text-svgglyphs/svg-glyph-mask-ref.svg new file mode 100644 index 0000000000..4f3509c0dc --- /dev/null +++ b/layout/reftests/text-svgglyphs/svg-glyph-mask-ref.svg @@ -0,0 +1,15 @@ +<svg xmlns="http://www.w3.org/2000/svg"> + <style> + @font-face { + font-family: "Liberation"; + src: url(resources/svg.woff); + } + </style> + <mask id="m" x="0" y="0" width="200" height="200"> + <rect x="30" y="60" width="80" height="80" stroke-width="5" + stroke="black" fill="red"/> + <rect x="30" y="50" width="10" height="10" stroke="none" + fill="turquoise" /> + </mask> + <rect width="200" height="200" mask="url(#m)"/> +</svg> diff --git a/layout/reftests/text-svgglyphs/svg-glyph-mask.svg b/layout/reftests/text-svgglyphs/svg-glyph-mask.svg new file mode 100644 index 0000000000..afda2f0908 --- /dev/null +++ b/layout/reftests/text-svgglyphs/svg-glyph-mask.svg @@ -0,0 +1,12 @@ +<svg xmlns="http://www.w3.org/2000/svg"> + <style> + @font-face { + font-family: "Liberation"; + src: url(resources/svg.woff); + } + </style> + <mask id="m" x="0" y="0" width="200" height="200"> + <text x="20" y="150" style="font: 100px Liberation" stroke="black">L</text> + </mask> + <rect width="200" height="200" mask="url(#m)"/> +</svg> diff --git a/layout/reftests/text-svgglyphs/svg-glyph-objectfill-solid-ref.svg b/layout/reftests/text-svgglyphs/svg-glyph-objectfill-solid-ref.svg new file mode 100644 index 0000000000..dbaf7f5e15 --- /dev/null +++ b/layout/reftests/text-svgglyphs/svg-glyph-objectfill-solid-ref.svg @@ -0,0 +1,4 @@ +<svg xmlns="http://www.w3.org/2000/svg"> + <rect x="20" y="20" width="160" height="160" fill="turquoise" /> + <rect x="10" y="210" width="180" height="180" fill="thistle" /> +</svg> diff --git a/layout/reftests/text-svgglyphs/svg-glyph-objectfill-solid.svg b/layout/reftests/text-svgglyphs/svg-glyph-objectfill-solid.svg new file mode 100644 index 0000000000..72b57b30ba --- /dev/null +++ b/layout/reftests/text-svgglyphs/svg-glyph-objectfill-solid.svg @@ -0,0 +1,27 @@ +<svg xmlns="http://www.w3.org/2000/svg"> + <!-- + Test that solid colors are inherited when using the objectFill + paint server value in SVG glyphs + --> + + <style type="text/css"> + <![CDATA[ + @font-face { + font-family: "Liberation"; + src:url(resources/svg.woff); + } + text + { + font-family: Liberation; + font-size: 200px; + } + ]]> + </style> + + <text fill="turquoise" x="0" y="200"> + N + </text> + <text fill="thistle" x="0" y="400"> + O + </text> +</svg> diff --git a/layout/reftests/text-svgglyphs/svg-glyph-objectgradient-ref.svg b/layout/reftests/text-svgglyphs/svg-glyph-objectgradient-ref.svg new file mode 100644 index 0000000000..91ebb683da --- /dev/null +++ b/layout/reftests/text-svgglyphs/svg-glyph-objectgradient-ref.svg @@ -0,0 +1,25 @@ +<svg xmlns="http://www.w3.org/2000/svg"> + + <defs> + <linearGradient id="grad" x1="0" y1="0" x2="800" y2="800" gradientUnits="userSpaceOnUse"> + <stop stop-color="purple" offset="0%" /> + <stop stop-color="lime" offset="100%" /> + </linearGradient> + <radialGradient id="grad2" cx="250" cy="400" r="400" gradientUnits="userSpaceOnUse"> + <stop stop-color="red" offset="0%" /> + <stop stop-color="blue" offset="100%" /> + </radialGradient> + </defs> + + <rect x="20" y="20" width="160" height="160" stroke="none" + fill="url(#grad)" /> + + <rect x="310" y="10" width="180" height="180" fill="url(#grad)" + stroke="none" /> + + <rect x="20" y="320" width="160" height="160" fill="burlywood" + stroke="url(#grad2)" stroke-width="10" /> + + <rect x="310" y="310" width="180" height="180" fill="url(#grad2)" + stroke="url(#grad)" stroke-width="20" /> +</svg> diff --git a/layout/reftests/text-svgglyphs/svg-glyph-objectgradient-zoom-ref.svg b/layout/reftests/text-svgglyphs/svg-glyph-objectgradient-zoom-ref.svg new file mode 100644 index 0000000000..95f3d1bb70 --- /dev/null +++ b/layout/reftests/text-svgglyphs/svg-glyph-objectgradient-zoom-ref.svg @@ -0,0 +1,25 @@ +<svg xmlns="http://www.w3.org/2000/svg" reftest-zoom="0.5"> + + <defs> + <linearGradient id="grad" x1="0" y1="0" x2="800" y2="800" gradientUnits="userSpaceOnUse"> + <stop stop-color="purple" offset="0%" /> + <stop stop-color="lime" offset="100%" /> + </linearGradient> + <radialGradient id="grad2" cx="250" cy="400" r="400" gradientUnits="userSpaceOnUse"> + <stop stop-color="red" offset="0%" /> + <stop stop-color="blue" offset="100%" /> + </radialGradient> + </defs> + + <rect x="20" y="20" width="160" height="160" stroke="none" + fill="url(#grad)" /> + + <rect x="310" y="10" width="180" height="180" fill="url(#grad)" + stroke="none" /> + + <rect x="20" y="320" width="160" height="160" fill="burlywood" + stroke="url(#grad2)" stroke-width="10" /> + + <rect x="310" y="310" width="180" height="180" fill="url(#grad2)" + stroke="url(#grad)" stroke-width="20" /> +</svg> diff --git a/layout/reftests/text-svgglyphs/svg-glyph-objectgradient-zoom.svg b/layout/reftests/text-svgglyphs/svg-glyph-objectgradient-zoom.svg new file mode 100644 index 0000000000..cebc4fb04c --- /dev/null +++ b/layout/reftests/text-svgglyphs/svg-glyph-objectgradient-zoom.svg @@ -0,0 +1,35 @@ +<svg xmlns="http://www.w3.org/2000/svg" reftest-zoom="0.5"> + <!-- + Test that gradients are inherited from the outer object under zoom + --> + + <style type="text/css"><![CDATA[ + @font-face { + font-family: "Liberation"; + src:url("resources/svg.woff") format("woff"); + } + + text { + font-family: "Liberation"; + font-size: 200px; + stroke-width: 5; + } + ]]></style> + + <defs> + <linearGradient id="grad" x1="0" y1="0" x2="800" y2="800" gradientUnits="userSpaceOnUse"> + <stop stop-color="purple" offset="0%" /> + <stop stop-color="lime" offset="100%" /> + </linearGradient> + <radialGradient id="grad2" cx="250" cy="400" r="400" gradientUnits="userSpaceOnUse"> + <stop stop-color="red" offset="0%" /> + <stop stop-color="blue" offset="100%" /> + </radialGradient> + + </defs> + + <text x="0" y="200" fill="url(#grad)" stroke="url(#grad2)">N</text> + <text x="300" y="200" fill="url(#grad)" stroke="url(#grad2)">O</text> + <text x="0" y="500" fill="url(#grad)" stroke="url(#grad2)">P</text> + <text x="300" y="500" fill="url(#grad)" stroke="url(#grad2)">Q</text> +</svg> diff --git a/layout/reftests/text-svgglyphs/svg-glyph-objectgradient.svg b/layout/reftests/text-svgglyphs/svg-glyph-objectgradient.svg new file mode 100644 index 0000000000..97f10bda4d --- /dev/null +++ b/layout/reftests/text-svgglyphs/svg-glyph-objectgradient.svg @@ -0,0 +1,36 @@ +<svg xmlns="http://www.w3.org/2000/svg"> + <!-- + Test that gradients are inherited from the outer object when using + the objectFill and objectStroke paint server values in SVG glyphs + --> + + <style type="text/css"><![CDATA[ + @font-face { + font-family: "Liberation"; + src:url("resources/svg.woff") format("woff"); + } + + text { + font-family: "Liberation"; + font-size: 200px; + stroke-width: 5; + } + ]]></style> + + <defs> + <linearGradient id="grad" x1="0" y1="0" x2="800" y2="800" gradientUnits="userSpaceOnUse"> + <stop stop-color="purple" offset="0%" /> + <stop stop-color="lime" offset="100%" /> + </linearGradient> + <radialGradient id="grad2" cx="250" cy="400" r="400" gradientUnits="userSpaceOnUse"> + <stop stop-color="red" offset="0%" /> + <stop stop-color="blue" offset="100%" /> + </radialGradient> + + </defs> + + <text x="0" y="200" fill="url(#grad)" stroke="url(#grad2)">N</text> + <text x="300" y="200" fill="url(#grad)" stroke="url(#grad2)">O</text> + <text x="0" y="500" fill="url(#grad)" stroke="url(#grad2)">P</text> + <text x="300" y="500" fill="url(#grad)" stroke="url(#grad2)">Q</text> +</svg> diff --git a/layout/reftests/text-svgglyphs/svg-glyph-objectopacity-ref.svg b/layout/reftests/text-svgglyphs/svg-glyph-objectopacity-ref.svg new file mode 100644 index 0000000000..8dfb53aced --- /dev/null +++ b/layout/reftests/text-svgglyphs/svg-glyph-objectopacity-ref.svg @@ -0,0 +1,30 @@ +<svg xmlns="http://www.w3.org/2000/svg"> + + <defs> + <linearGradient id="grad" x1="0" y1="0" x2="800" y2="800" gradientUnits="userSpaceOnUse"> + <stop stop-color="purple" offset="0%" /> + <stop stop-color="lime" offset="100%" /> + </linearGradient> + <radialGradient id="grad2" cx="250" cy="400" r="400" gradientUnits="userSpaceOnUse"> + <stop stop-color="red" offset="0%" /> + <stop stop-color="blue" offset="100%" /> + </radialGradient> + </defs> + + <rect x="20" y="20" width="160" height="160" stroke-width="10" + fill="url(#grad)" stroke="url(#grad2)" + fill-opacity="0.5" stroke-opacity="1.0" /> + + <rect x="320" y="20" width="160" height="160" stroke-width="10" + fill="url(#grad)" stroke="url(#grad2)" + fill-opacity="1.0" stroke-opacity="0.5" /> + + <rect x="20" y="320" width="160" height="160" stroke-width="10" + fill="url(#grad2)" stroke="url(#grad)" + fill-opacity="0.5" stroke-opacity="1.0" /> + + <rect x="320" y="320" width="160" height="160" stroke-width="10" + fill="url(#grad2)" stroke="url(#grad)" + fill-opacity="1.0" stroke-opacity="0.5" /> + +</svg> diff --git a/layout/reftests/text-svgglyphs/svg-glyph-objectopacity.svg b/layout/reftests/text-svgglyphs/svg-glyph-objectopacity.svg new file mode 100644 index 0000000000..c323640d47 --- /dev/null +++ b/layout/reftests/text-svgglyphs/svg-glyph-objectopacity.svg @@ -0,0 +1,40 @@ +<svg xmlns="http://www.w3.org/2000/svg"> + <!-- + Test that fill-opacity is correctly inherited from the outer text + object when -moz-objectFillOpacity is used in an SVG glyph. + --> + + <style type="text/css"><![CDATA[ + @font-face { + font-family: "Liberation"; + src:url("resources/svg.woff") format("woff"); + } + + text { + font-family: "Liberation"; + font-size: 200px; + stroke-width: 5; + fill-opacity: 0.5; + fill: url(#grad); + stroke-opacity: 1.0; + stroke: url(#grad2); + } + ]]></style> + + <defs> + <linearGradient id="grad" x1="0" y1="0" x2="800" y2="800" gradientUnits="userSpaceOnUse"> + <stop stop-color="purple" offset="0%" /> + <stop stop-color="lime" offset="100%" /> + </linearGradient> + <radialGradient id="grad2" cx="250" cy="400" r="400" gradientUnits="userSpaceOnUse"> + <stop stop-color="red" offset="0%" /> + <stop stop-color="blue" offset="100%" /> + </radialGradient> + + </defs> + + <text x="0" y="200">R</text> + <text x="300" y="200">S</text> + <text x="0" y="500">T</text> + <text x="300" y="500">U</text> +</svg> diff --git a/layout/reftests/text-svgglyphs/svg-glyph-objectopacity2-ref.svg b/layout/reftests/text-svgglyphs/svg-glyph-objectopacity2-ref.svg new file mode 100644 index 0000000000..6a261afdbd --- /dev/null +++ b/layout/reftests/text-svgglyphs/svg-glyph-objectopacity2-ref.svg @@ -0,0 +1,30 @@ +<svg xmlns="http://www.w3.org/2000/svg"> + + <defs> + <pattern id="pat" x="0" y="0" width="50" height="50" patternUnits="userSpaceOnUse"> + <rect x="5" y="5" width="30" height="30" stroke="salmon" stroke-width="5" + fill="mistyrose" /> + </pattern> + <pattern id="pat2" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> + <rect x="5" y="5" width="10" height="10" stroke="lavenderblush" stroke-width="2" + fill="lemonchiffon" /> + </pattern> + </defs> + + <rect x="20" y="20" width="160" height="160" stroke-width="10" + fill="url(#pat)" stroke="url(#pat2)" + fill-opacity="1.0" stroke-opacity="0.5" /> + + <rect x="320" y="20" width="160" height="160" stroke-width="10" + fill="url(#pat)" stroke="url(#pat2)" + fill-opacity="0.5" stroke-opacity="1.0" /> + + <rect x="20" y="320" width="160" height="160" stroke-width="10" + fill="url(#pat2)" stroke="url(#pat)" + fill-opacity="1.0" stroke-opacity="0.5" /> + + <rect x="320" y="320" width="160" height="160" stroke-width="10" + fill="url(#pat2)" stroke="url(#pat)" + fill-opacity="0.5" stroke-opacity="1.0" /> + +</svg> diff --git a/layout/reftests/text-svgglyphs/svg-glyph-objectopacity2.svg b/layout/reftests/text-svgglyphs/svg-glyph-objectopacity2.svg new file mode 100644 index 0000000000..40e4fadf00 --- /dev/null +++ b/layout/reftests/text-svgglyphs/svg-glyph-objectopacity2.svg @@ -0,0 +1,39 @@ +<svg xmlns="http://www.w3.org/2000/svg"> + <!-- + Test that stroke-opacity is correctly inherited from the outer text + object when -moz-objectStrokeOpacity is used in an SVG glyph. + --> + + <style type="text/css"><![CDATA[ + @font-face { + font-family: "Liberation"; + src:url("resources/svg.woff") format("woff"); + } + + text { + font-family: "Liberation"; + font-size: 200px; + stroke-width: 5; + fill-opacity: 1.0; + fill: url(#pat); + stroke-opacity: 0.5; + stroke: url(#pat2); + } + ]]></style> + + <defs> + <pattern id="pat" x="0" y="0" width="50" height="50" patternUnits="userSpaceOnUse"> + <rect x="5" y="5" width="30" height="30" stroke="salmon" stroke-width="5" + fill="mistyrose" /> + </pattern> + <pattern id="pat2" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> + <rect x="5" y="5" width="10" height="10" stroke="lavenderblush" stroke-width="2" + fill="lemonchiffon" /> + </pattern> + </defs> + + <text x="0" y="200">R</text> + <text x="300" y="200">S</text> + <text x="0" y="500">T</text> + <text x="300" y="500">U</text> +</svg> diff --git a/layout/reftests/text-svgglyphs/svg-glyph-objectpattern-ref.svg b/layout/reftests/text-svgglyphs/svg-glyph-objectpattern-ref.svg new file mode 100644 index 0000000000..e12e60d1b2 --- /dev/null +++ b/layout/reftests/text-svgglyphs/svg-glyph-objectpattern-ref.svg @@ -0,0 +1,25 @@ +<svg xmlns="http://www.w3.org/2000/svg"> + + <defs> + <pattern id="pat" x="0" y="0" width="50" height="50" patternUnits="userSpaceOnUse"> + <rect x="5" y="5" width="30" height="30" stroke="salmon" stroke-width="5" + fill="mistyrose" /> + </pattern> + <pattern id="pat2" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> + <rect x="5" y="5" width="10" height="10" stroke="lavenderblush" stroke-width="2" + fill="lemonchiffon" /> + </pattern> + </defs> + + <rect x="20" y="20" width="160" height="160" stroke="none" + fill="url(#pat)" /> + + <rect x="310" y="10" width="180" height="180" fill="url(#pat)" + stroke="none" /> + + <rect x="20" y="320" width="160" height="160" fill="burlywood" + stroke="url(#pat2)" stroke-width="10" /> + + <rect x="310" y="310" width="180" height="180" fill="url(#pat2)" + stroke="url(#pat)" stroke-width="20" /> +</svg> diff --git a/layout/reftests/text-svgglyphs/svg-glyph-objectpattern.svg b/layout/reftests/text-svgglyphs/svg-glyph-objectpattern.svg new file mode 100644 index 0000000000..475165cd40 --- /dev/null +++ b/layout/reftests/text-svgglyphs/svg-glyph-objectpattern.svg @@ -0,0 +1,35 @@ +<svg xmlns="http://www.w3.org/2000/svg"> + <!-- + Test that patterns are inherited from the outer object when using + the objectFill and objectStroke paint server values in SVG glyphs + --> + + <style type="text/css"><![CDATA[ + @font-face { + font-family: "Liberation"; + src:url("resources/svg.woff") format("woff"); + } + + text { + font-family: "Liberation"; + font-size: 200px; + stroke-width: 5; + } + ]]></style> + + <defs> + <pattern id="pat" x="0" y="0" width="50" height="50" patternUnits="userSpaceOnUse"> + <rect x="5" y="5" width="30" height="30" stroke="salmon" stroke-width="5" + fill="mistyrose" /> + </pattern> + <pattern id="pat2" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> + <rect x="5" y="5" width="10" height="10" stroke="lavenderblush" stroke-width="2" + fill="lemonchiffon" /> + </pattern> + </defs> + + <text x="0" y="200" fill="url(#pat)" stroke="url(#pat2)">N</text> + <text x="300" y="200" fill="url(#pat)" stroke="url(#pat2)">O</text> + <text x="0" y="500" fill="url(#pat)" stroke="url(#pat2)">P</text> + <text x="300" y="500" fill="url(#pat)" stroke="url(#pat2)">Q</text> +</svg> diff --git a/layout/reftests/text-svgglyphs/svg-glyph-objectstroke-solid-ref.svg b/layout/reftests/text-svgglyphs/svg-glyph-objectstroke-solid-ref.svg new file mode 100644 index 0000000000..797357537c --- /dev/null +++ b/layout/reftests/text-svgglyphs/svg-glyph-objectstroke-solid-ref.svg @@ -0,0 +1,6 @@ +<svg xmlns="http://www.w3.org/2000/svg"> + <rect x="20" y="20" width="160" height="160" + stroke-width="10" stroke="cornflowerblue" fill="burlywood" /> + <rect x="10" y="210" width="180" height="180" + stroke-width="20" stroke="blanchedalmond" fill="darkolivegreen" /> +</svg> diff --git a/layout/reftests/text-svgglyphs/svg-glyph-objectstroke-solid.svg b/layout/reftests/text-svgglyphs/svg-glyph-objectstroke-solid.svg new file mode 100644 index 0000000000..8e1088df73 --- /dev/null +++ b/layout/reftests/text-svgglyphs/svg-glyph-objectstroke-solid.svg @@ -0,0 +1,27 @@ +<svg xmlns="http://www.w3.org/2000/svg"> + <!-- + Test that solid colors are inherited when using the objectStroke + paint server value in SVG glyphs + --> + + <style type="text/css"> + <![CDATA[ + @font-face { + font-family: "Liberation"; + src:url(resources/svg.woff); + } + text + { + font-family: Liberation; + font-size: 200px; + } + ]]> + </style> + + <text stroke="cornflowerblue" x="0" y="200"> + P + </text> + <text fill="blanchedalmond" stroke="darkolivegreen" x="0" y="400"> + Q + </text> +</svg> diff --git a/layout/reftests/text-svgglyphs/svg-glyph-objectvalue-150-ref.svg b/layout/reftests/text-svgglyphs/svg-glyph-objectvalue-150-ref.svg new file mode 100644 index 0000000000..561b294a93 --- /dev/null +++ b/layout/reftests/text-svgglyphs/svg-glyph-objectvalue-150-ref.svg @@ -0,0 +1,13 @@ +<svg xmlns="http://www.w3.org/2000/svg" reftest-zoom="1.5"> + <style type="text/css"><![CDATA[ + rect { + stroke-width: 10; + stroke-dasharray: 10 10; + stroke-dashoffset: 7; + } + ]]></style> + <rect x="20" y="20" width="160" height="160" stroke="powderblue" /> + <rect x="220" y="20" width="160" height="160" stroke="chartreuse" /> + <rect x="20" y="220" width="160" height="160" stroke="sienna" /> + <rect x="220" y="220" width="160" height="160" stroke="olivedrab" /> +</svg> diff --git a/layout/reftests/text-svgglyphs/svg-glyph-objectvalue-150.svg b/layout/reftests/text-svgglyphs/svg-glyph-objectvalue-150.svg new file mode 100644 index 0000000000..4b687aa178 --- /dev/null +++ b/layout/reftests/text-svgglyphs/svg-glyph-objectvalue-150.svg @@ -0,0 +1,21 @@ +<svg xmlns="http://www.w3.org/2000/svg" reftest-zoom="1.5"> + <style type="text/css"><![CDATA[ + @font-face { + font-family: svgwoff; + src: url(resources/svg.woff); + } + + text { + font-family: svgwoff; + font-size: 200px; + stroke-width: 10; + stroke-dasharray: 10 10; + stroke-dashoffset: 7; + stroke: black; + } + ]]></style> + <text x="0" y="200">a</text> + <text x="200" y="200">b</text> + <text x="0" y="400">c</text> + <text x="200" y="400">d</text> +</svg> diff --git a/layout/reftests/text-svgglyphs/svg-glyph-objectvalue-75-ref.svg b/layout/reftests/text-svgglyphs/svg-glyph-objectvalue-75-ref.svg new file mode 100644 index 0000000000..c47b309af6 --- /dev/null +++ b/layout/reftests/text-svgglyphs/svg-glyph-objectvalue-75-ref.svg @@ -0,0 +1,13 @@ +<svg xmlns="http://www.w3.org/2000/svg" reftest-zoom="0.75"> + <style type="text/css"><![CDATA[ + rect { + stroke-width: 10; + stroke-dasharray: 10 10; + stroke-dashoffset: 7; + } + ]]></style> + <rect x="20" y="20" width="160" height="160" stroke="powderblue" /> + <rect x="220" y="20" width="160" height="160" stroke="chartreuse" /> + <rect x="20" y="220" width="160" height="160" stroke="sienna" /> + <rect x="220" y="220" width="160" height="160" stroke="olivedrab" /> +</svg> diff --git a/layout/reftests/text-svgglyphs/svg-glyph-objectvalue-75.svg b/layout/reftests/text-svgglyphs/svg-glyph-objectvalue-75.svg new file mode 100644 index 0000000000..eaa9d37440 --- /dev/null +++ b/layout/reftests/text-svgglyphs/svg-glyph-objectvalue-75.svg @@ -0,0 +1,21 @@ +<svg xmlns="http://www.w3.org/2000/svg" reftest-zoom="0.75"> + <style type="text/css"><![CDATA[ + @font-face { + font-family: svgwoff; + src: url(resources/svg.woff); + } + + text { + font-family: svgwoff; + font-size: 200px; + stroke-width: 10; + stroke-dasharray: 10 10; + stroke-dashoffset: 7; + stroke: black; + } + ]]></style> + <text x="0" y="200">a</text> + <text x="200" y="200">b</text> + <text x="0" y="400">c</text> + <text x="200" y="400">d</text> +</svg> diff --git a/layout/reftests/text-svgglyphs/svg-glyph-objectvalue-ref.svg b/layout/reftests/text-svgglyphs/svg-glyph-objectvalue-ref.svg new file mode 100644 index 0000000000..73e006f353 --- /dev/null +++ b/layout/reftests/text-svgglyphs/svg-glyph-objectvalue-ref.svg @@ -0,0 +1,13 @@ +<svg xmlns="http://www.w3.org/2000/svg"> + <style type="text/css"><![CDATA[ + rect { + stroke-width: 10; + stroke-dasharray: 10 10; + stroke-dashoffset: 7; + } + ]]></style> + <rect x="20" y="20" width="160" height="160" stroke="powderblue" /> + <rect x="220" y="20" width="160" height="160" stroke="chartreuse" /> + <rect x="20" y="220" width="160" height="160" stroke="sienna" /> + <rect x="220" y="220" width="160" height="160" stroke="olivedrab" /> +</svg> diff --git a/layout/reftests/text-svgglyphs/svg-glyph-objectvalue.svg b/layout/reftests/text-svgglyphs/svg-glyph-objectvalue.svg new file mode 100644 index 0000000000..1a94b43554 --- /dev/null +++ b/layout/reftests/text-svgglyphs/svg-glyph-objectvalue.svg @@ -0,0 +1,21 @@ +<svg xmlns="http://www.w3.org/2000/svg"> + <style type="text/css"><![CDATA[ + @font-face { + font-family: svgwoff; + src: url(resources/svg.woff); + } + + text { + font-family: svgwoff; + font-size: 200px; + stroke-width: 10; + stroke-dasharray: 10 10; + stroke-dashoffset: 7; + stroke: black; + } + ]]></style> + <text x="0" y="200">a</text> + <text x="200" y="200">b</text> + <text x="0" y="400">c</text> + <text x="200" y="400">d</text> +</svg> diff --git a/layout/reftests/text-svgglyphs/svg-glyph-paint-server-ref.svg b/layout/reftests/text-svgglyphs/svg-glyph-paint-server-ref.svg new file mode 100644 index 0000000000..dde80a92fa --- /dev/null +++ b/layout/reftests/text-svgglyphs/svg-glyph-paint-server-ref.svg @@ -0,0 +1,10 @@ +<svg xmlns="http://www.w3.org/2000/svg"> + <defs> + <linearGradient id="grad"> + <stop offset="0%" stop-color="papayawhip" /> + <stop offset="100%" stop-color="plum" /> + </linearGradient> + </defs> + + <rect x="50" y="50" width="100" height="100" fill="url(#grad)" /> +</svg> diff --git a/layout/reftests/text-svgglyphs/svg-glyph-paint-server.svg b/layout/reftests/text-svgglyphs/svg-glyph-paint-server.svg new file mode 100644 index 0000000000..4e3bdd6772 --- /dev/null +++ b/layout/reftests/text-svgglyphs/svg-glyph-paint-server.svg @@ -0,0 +1,21 @@ +<svg xmlns="http://www.w3.org/2000/svg"> + <style type="text/css"> + <![CDATA[ + @font-face { + font-family: "Liberation"; + src:url(resources/svg.woff); + } + text + { + font-family: Liberation; + font-size: 200px; + } + ]]> + </style> + <!-- + Test that paintservers within SVG glyph documents are rendered properly + --> + <text x="0" y="200"> + e + </text> +</svg> diff --git a/layout/reftests/text-svgglyphs/svg-glyph-paintnone-ref.svg b/layout/reftests/text-svgglyphs/svg-glyph-paintnone-ref.svg new file mode 100644 index 0000000000..cde840eb4e --- /dev/null +++ b/layout/reftests/text-svgglyphs/svg-glyph-paintnone-ref.svg @@ -0,0 +1,17 @@ +<svg xmlns="http://www.w3.org/2000/svg"> + <rect x="30" y="30" width="160" height="160" stroke-width="10" + fill="darkorchid" stroke="none" + fill-opacity="0.5" /> + + <rect x="30" y="230" width="160" height="160" stroke-width="10" + stroke="goldenrod" fill="none" + stroke-opacity="0.5" /> + + <rect x="230" y="30" width="160" height="160" stroke-width="10" + stroke="goldenrod" fill="none" + stroke-opacity="0.5" /> + + <rect x="230" y="230" width="160" height="160" stroke-width="10" + fill="darkorchid" stroke="none" + fill-opacity="0.5" /> +</svg> diff --git a/layout/reftests/text-svgglyphs/svg-glyph-paintnone.svg b/layout/reftests/text-svgglyphs/svg-glyph-paintnone.svg new file mode 100644 index 0000000000..7b8d01d87c --- /dev/null +++ b/layout/reftests/text-svgglyphs/svg-glyph-paintnone.svg @@ -0,0 +1,25 @@ +<svg xmlns="http://www.w3.org/2000/svg"> + <style type="text/css"> + <![CDATA[ + @font-face { + font-family: "Liberation"; + src:url(resources/svg.woff); + } + text + { + font-family: Liberation; + font-size: 200px; + stroke-opacity: 0.5; + fill-opacity: 0.5; + } + ]]> + </style> + <!-- + Test that objectFillOpacity evaluates to 0 when fill="none" even when + fill-opacity is set, and similar for objectStrokeOpacity. + --> + <text x="10" y="210" stroke="none" fill="black">W</text> + <text x="10" y="410" stroke="black" fill="none">W</text> + <text x="210" y="210" stroke="none" fill="black">X</text> + <text x="210" y="410" stroke="black" fill="none">X</text> +</svg> diff --git a/layout/reftests/text-svgglyphs/svg-glyph-positioning-disabled.svg b/layout/reftests/text-svgglyphs/svg-glyph-positioning-disabled.svg new file mode 100644 index 0000000000..69418fde8c --- /dev/null +++ b/layout/reftests/text-svgglyphs/svg-glyph-positioning-disabled.svg @@ -0,0 +1,25 @@ +<svg xmlns="http://www.w3.org/2000/svg"> + <style type="text/css"> + <![CDATA[ + @font-face { + font-family: "Liberation"; + /* For testing with the pref disabled, add a query to the font URL + to avoid cache confusion between enabled/disabled. */ + src:url(resources/svg.woff?disabled); + } + text + { + font-family: Liberation; + font-size: 200px; + stroke: black; + } + ]]> + </style> + <!-- + Test that we're rendering in the right place in the middle of a + text run + --> + <text x="0" y="200"> + LLL + </text> +</svg> diff --git a/layout/reftests/text-svgglyphs/svg-glyph-positioning-ref.svg b/layout/reftests/text-svgglyphs/svg-glyph-positioning-ref.svg new file mode 100644 index 0000000000..10e8ff1161 --- /dev/null +++ b/layout/reftests/text-svgglyphs/svg-glyph-positioning-ref.svg @@ -0,0 +1,21 @@ +<svg xmlns="http://www.w3.org/2000/svg"> + <!-- The "L" glyph in Fira Sans has been hacked to have an advance of + exactly 500/1000 em, or 100px at a font size of 200px. --> + <!-- L --> + <rect x="20" y="20" width="160" height="160" stroke-width="10" + stroke="black" fill="red" /> + <rect x="20" y="0" width="20" height="20" stroke="none" + fill="turquoise" /> + + <!-- L --> + <rect x="120" y="20" width="160" height="160" stroke-width="10" + stroke="black" fill="red" /> + <rect x="120" y="0" width="20" height="20" stroke="none" + fill="turquoise" /> + + <!-- L --> + <rect x="220" y="20" width="160" height="160" stroke-width="10" + stroke="black" fill="red" /> + <rect x="220" y="0" width="20" height="20" stroke="none" + fill="turquoise" /> +</svg> diff --git a/layout/reftests/text-svgglyphs/svg-glyph-positioning.svg b/layout/reftests/text-svgglyphs/svg-glyph-positioning.svg new file mode 100644 index 0000000000..a16056a244 --- /dev/null +++ b/layout/reftests/text-svgglyphs/svg-glyph-positioning.svg @@ -0,0 +1,23 @@ +<svg xmlns="http://www.w3.org/2000/svg"> + <style type="text/css"> + <![CDATA[ + @font-face { + font-family: "Liberation"; + src:url(resources/svg.woff); + } + text + { + font-family: Liberation; + font-size: 200px; + stroke: black; + } + ]]> + </style> + <!-- + Test that we're rendering in the right place in the middle of a + text run + --> + <text x="0" y="200"> + LLL + </text> +</svg> diff --git a/layout/reftests/text-svgglyphs/svg-glyph-transform-ref.svg b/layout/reftests/text-svgglyphs/svg-glyph-transform-ref.svg new file mode 100644 index 0000000000..759e06ae42 --- /dev/null +++ b/layout/reftests/text-svgglyphs/svg-glyph-transform-ref.svg @@ -0,0 +1,48 @@ +<svg xmlns="http://www.w3.org/2000/svg"> + <style type="text/css"> + <![CDATA[ + @font-face { + font-family: "Liberation"; + src:url(resources/svg.woff); + } + text + { + font-family: Liberation; + font-size: 100px; + } + ]]> + </style> + <!-- + Test that transforms within SVG glyph documents are applied properly + --> + <text x="0" y="100"> + g + </text> + <text x="0" y="200"> + g + </text> + <text x="0" y="300"> + g + </text> + + <text x="100" y="100"> + g + </text> + <text x="100" y="200"> + g + </text> + <text x="100" y="300"> + g + </text> + + <text x="200" y="100"> + g + </text> + <!-- note that the next two are different from the preceding glyphs! --> + <text x="200" y="200"> + q + </text> + <text x="200" y="300"> + q + </text> +</svg> diff --git a/layout/reftests/text-svgglyphs/svg-glyph-transform.svg b/layout/reftests/text-svgglyphs/svg-glyph-transform.svg new file mode 100644 index 0000000000..933dea3725 --- /dev/null +++ b/layout/reftests/text-svgglyphs/svg-glyph-transform.svg @@ -0,0 +1,48 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="300" height="600"> + <style type="text/css"> + <![CDATA[ + @font-face { + font-family: "Liberation"; + src:url(resources/svg.woff); + } + text + { + font-family: Liberation; + font-size: 100px; + } + ]]> + </style> + <!-- + Test that transforms within SVG glyph documents are applied properly + --> + <text x="0" y="100"> + h + </text> + <text x="0" y="200"> + i + </text> + <text x="0" y="300"> + j + </text> + + <text x="100" y="100"> + k + </text> + <text x="100" y="200"> + l + </text> + <text x="100" y="300"> + m + </text> + + <text x="200" y="100"> + n + </text> + <!-- note that the next two are different from the preceding glyphs! --> + <text x="200" y="200"> + o + </text> + <text x="200" y="300"> + p + </text> +</svg> diff --git a/layout/reftests/text-svgglyphs/svg-in-ot-bitmap-1-ref.html b/layout/reftests/text-svgglyphs/svg-in-ot-bitmap-1-ref.html new file mode 100644 index 0000000000..c93fc86c94 --- /dev/null +++ b/layout/reftests/text-svgglyphs/svg-in-ot-bitmap-1-ref.html @@ -0,0 +1,30 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"> + <title>SVG-in-OT bitmap issue</title> + <style> + @font-face { + font-family: test; + src: url("resources/svg-bitmap.ttf"); + } + span { + white-space: pre; + } + .a { + background: red; + } + .b { + background: yellow; + } + .c { + background: blue; + } + </style> +</head> +<body> + <div style="font: 32px/1 test, serif"> + x <span class=a> </span><span class=b> </span><span class=c> </span> x + </div> +</body> +</html> diff --git a/layout/reftests/text-svgglyphs/svg-in-ot-bitmap-1.html b/layout/reftests/text-svgglyphs/svg-in-ot-bitmap-1.html new file mode 100644 index 0000000000..6f8055ebd1 --- /dev/null +++ b/layout/reftests/text-svgglyphs/svg-in-ot-bitmap-1.html @@ -0,0 +1,33 @@ +<!DOCTYPE html> +<html class="reftest-wait"> +<head> + <meta charset="utf-8"> + <title>SVG-in-OT bitmap issue</title> + <style> + @font-face { + font-family: test; + src: url("resources/svg-bitmap.ttf"); + } + </style> + <script> + // Spin for 1 second using requestAnimationFrame, which should be plenty + // for the PNG images in the SVG-in-OT font to be decoded. + let start; + function rAF(timestamp) { + if (start === undefined) { + start = timestamp; + } + if (timestamp - start < 1000) { + window.requestAnimationFrame(rAF); + } else { + document.documentElement.classList.remove("reftest-wait"); + } + } + </script> +</head> +<body onload="window.requestAnimationFrame(rAF)"> + <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 50" x="0" y="0" width="400" height="50"> + <text x="0" y="24" font-family="test, serif" font-size="32px">x ABC x</text> + </svg> +</body> +</html> |
