chromium/src/third_party/blink/web_tests/svg/css/background-non-integer-viewbox.html - manifest_repos/chromium_src - Git at Google

 <!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>
	<!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>