diff options
author | New Tobin Paradigm <email@mattatobin.com> | 2018-04-16 08:23:26 -0400 |
---|---|---|
committer | GitHub <noreply@github.com> | 2018-04-16 08:23:26 -0400 |
commit | ded797b8bb211a2e5591d4b7d21c017a7c23b67b (patch) | |
tree | 1fadaebd6fb18fcffe476b0ace7ee516e3727ed9 /testing/web-platform/tests/2dcontext/drawing-images-to-the-canvas/drawimage_svg_image_1.html | |
parent | 6d7fac84400bb19cdcdb8d39619ff6da74372f9d (diff) | |
parent | f8b9aba8214b9c1f6ccd5852879d6a1cbb16a304 (diff) | |
download | UXP-ded797b8bb211a2e5591d4b7d21c017a7c23b67b.tar UXP-ded797b8bb211a2e5591d4b7d21c017a7c23b67b.tar.gz UXP-ded797b8bb211a2e5591d4b7d21c017a7c23b67b.tar.lz UXP-ded797b8bb211a2e5591d4b7d21c017a7c23b67b.tar.xz UXP-ded797b8bb211a2e5591d4b7d21c017a7c23b67b.zip |
Merge pull request #172 from janekptacijarabaci/svg_canvasImageSource_1
moebius#106: SVG - CanvasImageSource - allow using an SVGImageElement as a CanvasImageSource
Diffstat (limited to 'testing/web-platform/tests/2dcontext/drawing-images-to-the-canvas/drawimage_svg_image_1.html')
-rw-r--r-- | testing/web-platform/tests/2dcontext/drawing-images-to-the-canvas/drawimage_svg_image_1.html | 30 |
1 files changed, 30 insertions, 0 deletions
diff --git a/testing/web-platform/tests/2dcontext/drawing-images-to-the-canvas/drawimage_svg_image_1.html b/testing/web-platform/tests/2dcontext/drawing-images-to-the-canvas/drawimage_svg_image_1.html new file mode 100644 index 000000000..74a00e037 --- /dev/null +++ b/testing/web-platform/tests/2dcontext/drawing-images-to-the-canvas/drawimage_svg_image_1.html @@ -0,0 +1,30 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<link rel=match href=drawimage_svg_image_1_ref.html> +<style> + html, body { + margin: 0; + } +</style> +<canvas id="dest" height="100" width="100"></canvas> +<script> + +var sourceWidth = 100; +var sourceHeight = 100; +var smoothingEnabled = false; +var destCanvas = document.getElementById('dest'); +var sourceImg = document.createElementNS('http://www.w3.org/2000/svg', 'image'); +sourceImg.setAttributeNS('http://www.w3.org/1999/xlink', 'href', '../2x2.png'); +sourceImg.width = sourceWidth; +sourceImg.height = sourceHeight; + +sourceImg.onload = function() { + var destCtx = destCanvas.getContext('2d'); + destCtx.fillStyle = "#FF0000"; + destCtx.fillRect(0, 0, destCanvas.width, destCanvas.height); + destCtx.imageSmoothingEnabled = smoothingEnabled; + // 2 arguments, the dest origin is 0,0 + // The source canvas will copied to the 0,0 position of the destination canvas + destCtx.drawImage(sourceImg, 0, 0); +} +</script> |