mirror of
https://gitlab.winehq.org/wine/wine-gecko.git
synced 2024-09-13 09:24:08 -07:00
bug 930420 - reftest for SVG glyph extents with a transform on the glyph element. r=heycam
This commit is contained in:
parent
268fd62c54
commit
3ed92e186c
@ -20,3 +20,4 @@ pref(gfx.font_rendering.opentype_svg.enabled,true) fuzzy-if(cocoaWidget,255,1
|
|||||||
pref(gfx.font_rendering.opentype_svg.enabled,true) fails == svg-glyph-mask.svg svg-glyph-mask-ref.svg # bug 872483
|
pref(gfx.font_rendering.opentype_svg.enabled,true) fails == svg-glyph-mask.svg svg-glyph-mask-ref.svg # bug 872483
|
||||||
pref(gfx.font_rendering.opentype_svg.enabled,true) == svg-glyph-paint-server.svg svg-glyph-paint-server-ref.svg
|
pref(gfx.font_rendering.opentype_svg.enabled,true) == svg-glyph-paint-server.svg svg-glyph-paint-server-ref.svg
|
||||||
pref(gfx.font_rendering.opentype_svg.enabled,true) == svg-glyph-transform.svg svg-glyph-transform-ref.svg
|
pref(gfx.font_rendering.opentype_svg.enabled,true) == svg-glyph-transform.svg svg-glyph-transform-ref.svg
|
||||||
|
pref(gfx.font_rendering.opentype_svg.enabled,true) == svg-glyph-extents.html svg-glyph-extents-ref.html
|
||||||
|
@ -36,3 +36,26 @@ sfnt2woff svg.ttf
|
|||||||
|
|
||||||
[1] https://github.com/edf825/SVG-OpenType-Utils
|
[1] https://github.com/edf825/SVG-OpenType-Utils
|
||||||
[2] http://people.mozilla.com/~jkew/woff/
|
[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>
|
||||||
|
BIN
layout/reftests/text-svgglyphs/resources/svg-glyph-extents.otf
Normal file
BIN
layout/reftests/text-svgglyphs/resources/svg-glyph-extents.otf
Normal file
Binary file not shown.
27
layout/reftests/text-svgglyphs/svg-glyph-extents-ref.html
Normal file
27
layout/reftests/text-svgglyphs/svg-glyph-extents-ref.html
Normal file
@ -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>
|
46
layout/reftests/text-svgglyphs/svg-glyph-extents.html
Normal file
46
layout/reftests/text-svgglyphs/svg-glyph-extents.html
Normal file
@ -0,0 +1,46 @@
|
|||||||
|
<!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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
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, false);
|
||||||
|
}
|
||||||
|
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>
|
Loading…
Reference in New Issue
Block a user