css-paint-api/paint2d-image.html - external/w3c/web-platform-tests - Git at Google

 <!DOCTYPE html>
 <html class="reftest-wait">
 <link rel="match" href="paint2d-image-ref.html">
 <style>
     #output {
         width: 300px;
         height: 300px;
         background-image: paint(image);
         border-image: url("resources/html5.png");
     }
 </style>
 <script src="/common/reftest-wait.js"></script>
 <script src="/common/css-paint-tests.js"></script>
 <div id="output"></div>

 <script id="code" type="text/worklet">
     registerPaint('image', class {
         static get inputProperties() { return [ 'border-image-source' ]; };
         paint(ctx, geom, styleMap) {
             ctx.drawImage(styleMap.get('border-image-source'), 0, 0);
         }
     });
 </script>

 <script>
     importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent);
 </script>
 </html>
	<!DOCTYPE html>
	<html class="reftest-wait">
	<link rel="match" href="paint2d-image-ref.html">
	<style>
	#output {
	width: 300px;
	height: 300px;
	background-image: paint(image);
	border-image: url("resources/html5.png");
	}
	</style>
	<script src="/common/reftest-wait.js"></script>
	<script src="/common/css-paint-tests.js"></script>
	<div id="output"></div>

	<script id="code" type="text/worklet">
	registerPaint('image', class {
	static get inputProperties() { return [ 'border-image-source' ]; };
	paint(ctx, geom, styleMap) {
	ctx.drawImage(styleMap.get('border-image-source'), 0, 0);
	}
	});
	</script>

	<script>
	importPaintWorkletAndTerminateTestAfterAsyncPaint(document.getElementById('code').textContent);
	</script>
	</html>