зеркало из https://github.com/mozilla/gecko-dev.git
Bug 600207 (Part 2) - Tests for SVG image scaling in the presence of page zoom. r=dholbert
This commit is contained in:
Родитель
72967380f0
Коммит
bcef367255
|
@ -0,0 +1,3 @@
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="80" height="80">
|
||||||
|
<circle cx="40" cy="40" r="40" style="fill: green"/>
|
||||||
|
</svg>
|
После Ширина: | Высота: | Размер: 141 B |
|
@ -0,0 +1,3 @@
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="20" height="20">
|
||||||
|
<circle cx="10" cy="10" r="10" style="fill: green"/>
|
||||||
|
</svg>
|
После Ширина: | Высота: | Размер: 141 B |
|
@ -0,0 +1,29 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<!-- Any copyright is dedicated to the Public Domain.
|
||||||
|
- http://creativecommons.org/publicdomain/zero/1.0/ -->
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<style>
|
||||||
|
body {
|
||||||
|
margin: 0px;
|
||||||
|
padding: 0px;
|
||||||
|
border: 0px;
|
||||||
|
}
|
||||||
|
div {
|
||||||
|
background: url('circle-small.svg');
|
||||||
|
background-size: 40px 40px;
|
||||||
|
background-repeat: repeat;
|
||||||
|
margin: 0px;
|
||||||
|
padding: 0px;
|
||||||
|
border: 0px;
|
||||||
|
width: 80px;
|
||||||
|
height: 80px;
|
||||||
|
transform: scale(2.0);
|
||||||
|
transform-origin: 0 0;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div></div>
|
||||||
|
</body>
|
||||||
|
</html>
|
|
@ -0,0 +1,29 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<!-- Any copyright is dedicated to the Public Domain.
|
||||||
|
- http://creativecommons.org/publicdomain/zero/1.0/ -->
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<style>
|
||||||
|
body {
|
||||||
|
margin: 0px;
|
||||||
|
padding: 0px;
|
||||||
|
border: 0px;
|
||||||
|
}
|
||||||
|
div {
|
||||||
|
background: url('circle-large.svg');
|
||||||
|
background-size: 40px 40px;
|
||||||
|
background-repeat: repeat;
|
||||||
|
margin: 0px;
|
||||||
|
padding: 0px;
|
||||||
|
border: 0px;
|
||||||
|
width: 80px;
|
||||||
|
height: 80px;
|
||||||
|
transform: scale(0.5);
|
||||||
|
transform-origin: 0 0;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div></div>
|
||||||
|
</body>
|
||||||
|
</html>
|
|
@ -0,0 +1,27 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<!-- Any copyright is dedicated to the Public Domain.
|
||||||
|
- http://creativecommons.org/publicdomain/zero/1.0/ -->
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<style>
|
||||||
|
body {
|
||||||
|
margin: 0px;
|
||||||
|
padding: 0px;
|
||||||
|
border: 0px;
|
||||||
|
}
|
||||||
|
div {
|
||||||
|
background: url('circle-large.svg');
|
||||||
|
background-size: 80px 80px;
|
||||||
|
background-repeat: repeat;
|
||||||
|
margin: 0px;
|
||||||
|
padding: 0px;
|
||||||
|
border: 0px;
|
||||||
|
width: 160px;
|
||||||
|
height: 160px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div></div>
|
||||||
|
</body>
|
||||||
|
</html>
|
|
@ -0,0 +1,27 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<!-- Any copyright is dedicated to the Public Domain.
|
||||||
|
- http://creativecommons.org/publicdomain/zero/1.0/ -->
|
||||||
|
<html reftest-zoom="2.0">
|
||||||
|
<head>
|
||||||
|
<style>
|
||||||
|
body {
|
||||||
|
margin: 0px;
|
||||||
|
padding: 0px;
|
||||||
|
border: 0px;
|
||||||
|
}
|
||||||
|
div {
|
||||||
|
background: url('circle-small.svg');
|
||||||
|
background-size: 40px 40px;
|
||||||
|
background-repeat: repeat;
|
||||||
|
margin: 0px;
|
||||||
|
padding: 0px;
|
||||||
|
border: 0px;
|
||||||
|
width: 80px;
|
||||||
|
height: 80px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div></div>
|
||||||
|
</body>
|
||||||
|
</html>
|
|
@ -0,0 +1,27 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<!-- Any copyright is dedicated to the Public Domain.
|
||||||
|
- http://creativecommons.org/publicdomain/zero/1.0/ -->
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<style>
|
||||||
|
body {
|
||||||
|
margin: 0px;
|
||||||
|
padding: 0px;
|
||||||
|
border: 0px;
|
||||||
|
}
|
||||||
|
div {
|
||||||
|
background: url('circle-small.svg');
|
||||||
|
background-size: 20px 20px;
|
||||||
|
background-repeat: repeat;
|
||||||
|
margin: 0px;
|
||||||
|
padding: 0px;
|
||||||
|
border: 0px;
|
||||||
|
width: 40px;
|
||||||
|
height: 40px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div></div>
|
||||||
|
</body>
|
||||||
|
</html>
|
|
@ -0,0 +1,27 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<!-- Any copyright is dedicated to the Public Domain.
|
||||||
|
- http://creativecommons.org/publicdomain/zero/1.0/ -->
|
||||||
|
<html reftest-zoom="0.5">
|
||||||
|
<head>
|
||||||
|
<style>
|
||||||
|
body {
|
||||||
|
margin: 0px;
|
||||||
|
padding: 0px;
|
||||||
|
border: 0px;
|
||||||
|
}
|
||||||
|
div {
|
||||||
|
background: url('circle-large.svg');
|
||||||
|
background-size: 40px 40px;
|
||||||
|
background-repeat: repeat;
|
||||||
|
margin: 0px;
|
||||||
|
padding: 0px;
|
||||||
|
border: 0px;
|
||||||
|
width: 80px;
|
||||||
|
height: 80px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div></div>
|
||||||
|
</body>
|
||||||
|
</html>
|
|
@ -4,3 +4,9 @@
|
||||||
== img-zoomIn-1.html squaredCircle-150x150-ref.html
|
== img-zoomIn-1.html squaredCircle-150x150-ref.html
|
||||||
|
|
||||||
== img-zoomOut-1.html squaredCircle-50x50-ref.html
|
== img-zoomOut-1.html squaredCircle-50x50-ref.html
|
||||||
|
|
||||||
|
# Ensure that scaled SVG images aren't fuzzy when tiled.
|
||||||
|
== img-fuzzy-zoomOut-1.html img-fuzzy-zoomOut-1-ref.html
|
||||||
|
== img-fuzzy-zoomIn-1.html img-fuzzy-zoomIn-1-ref.html
|
||||||
|
== img-fuzzy-transform-zoomOut-1.html img-fuzzy-zoomOut-1-ref.html
|
||||||
|
== img-fuzzy-transform-zoomIn-1.html img-fuzzy-zoomIn-1-ref.html
|
||||||
|
|
Загрузка…
Ссылка в новой задаче