Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(1191)

Unified Diff: third_party/WebKit/LayoutTests/csspaint/paint2d-composite-expected.html

Issue 1866623002: Hook up CSSPaintValue::image to CSS Paint API callback. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: addressed comments + rebase. Created 4 years, 8 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
Index: third_party/WebKit/LayoutTests/csspaint/paint2d-composite-expected.html
diff --git a/third_party/WebKit/LayoutTests/csspaint/paint2d-composite-expected.html b/third_party/WebKit/LayoutTests/csspaint/paint2d-composite-expected.html
new file mode 100644
index 0000000000000000000000000000000000000000..3b75d5269808a2761c592eeb8d0d7468c799418e
--- /dev/null
+++ b/third_party/WebKit/LayoutTests/csspaint/paint2d-composite-expected.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+ canvas { display: inline-block; }
+</style>
+</head>
+<body>
+<canvas id="source-over" width="80" height="80"></canvas>
+<canvas id="source-in" width="80" height="80"></canvas>
+<canvas id="source-out" width="80" height="80"></canvas>
+<canvas id="source-atop" width="80" height="80"></canvas>
+<br>
+<canvas id="destination-over" width="80" height="80"></canvas>
+<canvas id="destination-in" width="80" height="80"></canvas>
+<canvas id="destination-out" width="80" height="80"></canvas>
+<canvas id="destination-atop" width="80" height="80"></canvas>
+<br>
+<canvas id="lighter" width="80" height="80"></canvas>
+<canvas id="xor" width="80" height="80"></canvas>
+<script>
+var compositeOps = [
+ 'source-over',
+ 'source-in',
+ 'source-out',
+ 'source-atop',
+ 'destination-over',
+ 'destination-in',
+ 'destination-out',
+ 'destination-atop',
+ 'lighter',
+ 'xor'
+];
+
+for (var i = 0; i < compositeOps.length; i++) {
+ var op = compositeOps[i];
+ var ctx = document.getElementById(op).getContext('2d');
+ ctx.fillStyle = 'red';
+ ctx.fillRect(5, 5, 40, 40);
+
+ ctx.globalCompositeOperation = op;
+
+ ctx.fillStyle = 'deepskyblue';
+ ctx.beginPath();
+ ctx.arc(45,45,20,0,Math.PI*2,true);
+ ctx.fill();
+}
+</script>
+</body>
+</html>

Powered by Google App Engine
This is Rietveld 408576698