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

Unified Diff: third_party/WebKit/LayoutTests/compositing/masks/layer-mask-placement.html

Issue 1416793004: Remove support for -webkit-canvas and Document.getCSSCanvasContext. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 5 years, 2 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/compositing/masks/layer-mask-placement.html
diff --git a/third_party/WebKit/LayoutTests/compositing/masks/layer-mask-placement.html b/third_party/WebKit/LayoutTests/compositing/masks/layer-mask-placement.html
deleted file mode 100644
index 54924e2004454e56d7de96c6062086bfb68f92df..0000000000000000000000000000000000000000
--- a/third_party/WebKit/LayoutTests/compositing/masks/layer-mask-placement.html
+++ /dev/null
@@ -1,56 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <style>
- .box {
- position: absolute;
- width: 100px;
- height: 100px;
- margin: 10px;
- background-color: green;
- }
-
- .test {
- -webkit-mask-image: -webkit-canvas(viewport-mask);
- -webkit-mask-position: 50% 50%;
- }
-
- .composited {
- transform: translateZ(0);
- }
-
- .indicator {
- background-color: red;
- }
-
- .outlined {
- outline: 40px solid transparent;
- }
- </style>
- <script>
- if (window.testRunner)
- testRunner.dumpAsTextWithPixelResults();
-
- function drawMask()
- {
- var canvasWidth = 100;
- var canvasHeight = 100;
- var ctx = document.getCSSCanvasContext('2d', 'viewport-mask', canvasWidth, canvasHeight)
- ctx.fillStyle = "rgba(0, 0, 0, 1)";
- ctx.fillRect(0, 0, canvasWidth, canvasHeight);
- }
-
- window.addEventListener('load', drawMask, false);
- </script>
-</head>
-<body>
- <!-- You should see two green boxes side by side, and no red. -->
- <div class="indicator box" style="left: 10px;"></div>
- <div class="indicator box" style="left: 120px;"></div>
-
- <div class="test box" style="left: 10px;"></div>
- <div class="composited test box" style="left: 120px"></div>
-
- <div class="outlined"></div>
-</body>
-</html>

Powered by Google App Engine
This is Rietveld 408576698