зеркало из 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-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
|
||||
|
|
Загрузка…
Ссылка в новой задаче