background-non-integer-viewbox.html

<!DOCTYPE html>
<title>Test SVG in CSS backgrounds with non-integer viewBox dimensions</title>
<style>
body {
    margin: 0;
}
div {
    display: inline-block;
}
#t1 {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 81.914 81.859"><rect width="81.914" height="40"/></svg>');
    width: 8px;
    height: 8px;
}
#t2 {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 81.914 81.859"><rect width="81.914" height="40"/></svg>');
    width: 16px;
    height: 16px;
}
#t3 {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 81.914 81.859"><rect width="81.914" height="40"/></svg>');
    width: 32px;
    height: 32px;
}
#t4 {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 81.914 81.859"><rect width="81.914" height="40"/></svg>');
    width: 64px;
    height: 64px;
}
#t5 {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 81.914 81.859"><rect width="81.914" height="40"/></svg>');
    width: 128px;
    height: 128px;
}
#t6 {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1 0.95"><rect width="1" height="0.5"/></svg>');
    width: 8px;
    height: 8px;
}
#t7 {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1 0.97"><rect width="1" height="0.5"/></svg>');
    width: 16px;
    height: 16px;
}
#t8 {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1 0.99"><rect width="1" height="0.5"/></svg>');
    width: 32px;
    height: 32px;
}
#t9 {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1 0.993"><rect width="1" height="0.5"/></svg>');
    width: 64px;
    height: 64px;
}
#t10 {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1 0.997"><rect width="1" height="0.5"/></svg>');
    width: 128px;
    height: 128px;
}
#cover {
    position: absolute;
    left: 0;
    width: 600px;
    top: 0;
    height: 127px; /* We're only interested in the 128:th row. */
    background-color: rgb(0,0,255);
}
</style>
<div id="t1"></div>
<div id="t2"></div>
<div id="t3"></div>
<div id="t4"></div>
<div id="t5"></div>
<div id="t6"></div>
<div id="t7"></div>
<div id="t8"></div>
<div id="t9"></div>
<div id="t10"></div>
<div id="cover"></div>
chromium/third_party/blink/web_tests/svg/css/background-non-integer-viewbox.html
