зеркало из https://github.com/mozilla/gecko-dev.git
Bug 674003. Add reftest for transparent radial gradients. r=joe
This draws a unchanging part of the gradient on to another canvas. --HG-- extra : rebase_source : 57de827713cac43cf117da1d4dc95a29d0007987
This commit is contained in:
Родитель
7c964a1f49
Коммит
3dd20eedbe
|
@ -0,0 +1,11 @@
|
|||
<body bgcolor="orange">
|
||||
<canvas width="300" height="300" id="testcase-canvas-dest"></canvas>
|
||||
<script>
|
||||
const kTransparent = "rgba(0%, 100%, 100%, 0.5)";
|
||||
|
||||
cx2 = document.getElementById('testcase-canvas-dest').getContext('2d');
|
||||
cx2.fillStyle = kTransparent;
|
||||
cx2.fillRect(0,0,100,20);
|
||||
</script>
|
||||
|
||||
</window>
|
|
@ -0,0 +1,36 @@
|
|||
<body bgcolor="orange">
|
||||
<canvas width="300" height="300" id="testcase-canvas" style="display:none"></canvas>
|
||||
<canvas width="300" height="300" id="testcase-canvas-dest"></canvas>
|
||||
<script>
|
||||
const kShadow = "rgba(00%, 0%, 0%, 1)";
|
||||
const kTransparent = "rgba(0%, 100%, 100%, 0.5)";
|
||||
|
||||
var cx, g;
|
||||
|
||||
cx = document.getElementById('testcase-canvas').getContext('2d');
|
||||
|
||||
cx.fillStyle = kShadow;
|
||||
cx.fillRect(100, 50, 150, 50);
|
||||
|
||||
g = cx.createLinearGradient(0, 50, 0, 0);
|
||||
g.addColorStop(0, kShadow);
|
||||
g.addColorStop(0.2, kTransparent);
|
||||
g.addColorStop(1, kTransparent);
|
||||
cx.fillStyle = g;
|
||||
cx.fillRect(100, 0, 150, 50);
|
||||
|
||||
g = cx.createRadialGradient(100, 100, 50, 100, 100, 100);
|
||||
g.addColorStop(0, kShadow);
|
||||
g.addColorStop(0.2, kTransparent);
|
||||
g.addColorStop(1, kTransparent);
|
||||
cx.fillStyle = g;
|
||||
cx.beginPath();
|
||||
cx.arc(100, 100, 100, Math.PI * 0.5, Math.PI * 1.5);
|
||||
cx.fill();
|
||||
|
||||
cx2 = document.getElementById('testcase-canvas-dest').getContext('2d');
|
||||
// draw a chunk of the gradients from above onto testcase-canvas-dest
|
||||
cx2.drawImage(document.getElementById('testcase-canvas'),45,20, 100,20 ,0,0, 100,20);
|
||||
</script>
|
||||
|
||||
</window>
|
|
@ -66,3 +66,4 @@ fails == ctm-singular-sanity.html data:text/html,<body>Pass # Bug 612033
|
|||
== ctm-1.html ctm-1-ref.html
|
||||
|
||||
fails-if(cocoaWidget) == 672646-alpha-radial-gradient.html 672646-alpha-radial-gradient-ref.html # Bug 673333
|
||||
== 674003-alpha-radial-gradient-superlum.html 674003-alpha-radial-gradient-superlum-ref.html
|
||||
|
|
Загрузка…
Ссылка в новой задаче