mirror of
https://github.com/servo/servo.git
synced 2025-08-18 03:45:33 +01:00
Update web-platform-tests to revision 8a14626934f5748a4ea6210847a02c0d8bbc8560
This commit is contained in:
WPT Sync Bot
parent
defc176333
commit
4851e4e2b9
133 changed files with 3076 additions and 304 deletions
|
|
@ -679,7 +679,7 @@ test(t => {
|
|||
{ offset: 0, computedOffset: 0, easing: "ease", composite: "auto",
|
||||
transform: "none" },
|
||||
{ offset: 1, computedOffset: 1, easing: "ease", composite: "auto",
|
||||
transform: "translate(100px, 0px)" },
|
||||
transform: "translate(100px)" },
|
||||
];
|
||||
for (let i = 0; i < frames.length; i++) {
|
||||
assert_frames_equal(frames[i], expected[i], "ComputedKeyframe #" + i);
|
||||
|
|
@ -743,7 +743,7 @@ test(t => {
|
|||
|
||||
const expected = [
|
||||
{ offset: 0, computedOffset: 0, easing: "ease", composite: "auto",
|
||||
transform: "translate(100px, 0px)" },
|
||||
transform: "translate(100px)" },
|
||||
{ offset: 1, computedOffset: 1, easing: "ease", composite: "auto",
|
||||
transform: "none" },
|
||||
];
|
||||
|
|
|
|||
|
|
@ -69,10 +69,6 @@ div {
|
|||
<input type="range" class="i" style="max-width:50%">
|
||||
</div></div>
|
||||
|
||||
<div class="grid" style="grid-template-columns:4px">
|
||||
<input type="range" class="i" style="width:2px;">
|
||||
</div>
|
||||
|
||||
<div class="grid" style="grid-template-columns:30px">
|
||||
<input type="range" class="i" style="width:15px">
|
||||
</div>
|
||||
|
|
@ -89,10 +85,6 @@ div {
|
|||
<input type="range" class="i n" style="width:14px; margin-right:0">
|
||||
</div></div>
|
||||
|
||||
<div class="grid" style="grid-template-columns:4px">
|
||||
<input type="range" class="i n" style="width:2px;">
|
||||
</div>
|
||||
|
||||
<div class="grid" style="grid-template-columns:30px">
|
||||
<input type="range" class="i n" style="width:15px">
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -77,10 +77,6 @@ div {
|
|||
<input type="range" class="i">
|
||||
</div></div>
|
||||
|
||||
<div class="grid">
|
||||
<input type="range" class="i">
|
||||
</div>
|
||||
|
||||
<div class="grid" style="grid-template-columns:minmax(min-content,30px)">
|
||||
<input type="range" class="i">
|
||||
</div>
|
||||
|
|
@ -97,10 +93,6 @@ div {
|
|||
<input type="range" class="i n">
|
||||
</div></div>
|
||||
|
||||
<div class="grid">
|
||||
<input type="range" class="i n">
|
||||
</div>
|
||||
|
||||
<div class="grid" style="grid-template-columns:minmax(min-content,30px)">
|
||||
<input type="range" class="i n">
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,86 @@
|
|||
<!DOCTYPE HTML>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>Reference: INPUT type=range percent intrinsic block-size</title>
|
||||
<link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1513959">
|
||||
<style>
|
||||
html,body {
|
||||
color:black; background-color:white; font:16px/1 monospace;
|
||||
}
|
||||
|
||||
input { margin: 2px; }
|
||||
|
||||
input.b {
|
||||
min-height: 0;
|
||||
background: lime;
|
||||
}
|
||||
|
||||
input.mb {
|
||||
min-height: 0;
|
||||
max-height: 100%;
|
||||
background: lime;
|
||||
}
|
||||
|
||||
div {
|
||||
display: inline-block;
|
||||
border:1px solid;
|
||||
}
|
||||
|
||||
.grid {
|
||||
display: inline-grid;
|
||||
grid: auto / min-content;
|
||||
place-items: start;
|
||||
}
|
||||
input[orient="vertical"] {
|
||||
-webkit-appearance: slider-vertical;
|
||||
-webkit-appearance: range;
|
||||
}
|
||||
|
||||
</style></head><body>
|
||||
|
||||
<div style="height:30px"><div>
|
||||
<input type="range" class="b" orient="vertical">
|
||||
</div></div>
|
||||
|
||||
<div class="grid" style="grid: min-content / auto">
|
||||
<input type="range" class="b" orient="vertical" style="height:50%; grid-area:1/1">
|
||||
<input type="range" class="b" orient="vertical" style="visibility:hidden; grid-area:1/1">
|
||||
</div>
|
||||
|
||||
<div class="grid" style="grid: min-content / auto">
|
||||
<input type="range" class="b" orient="vertical" style="height:50%; grid-area:1/1">
|
||||
<input type="range" class="b" orient="vertical" style="visibility:hidden; grid-area:1/1">
|
||||
</div>
|
||||
|
||||
<div class="grid" style="grid: 30px / auto">
|
||||
<input type="range" class="b" orient="vertical" style="height:15px">
|
||||
</div>
|
||||
|
||||
<div class="grid" style="grid: 30px / auto">
|
||||
<input type="range" class="b" orient="vertical" style="height:15px">
|
||||
</div>
|
||||
|
||||
<br>
|
||||
<br>
|
||||
|
||||
<div style="height:30px"><div>
|
||||
<input type="range" class="mb" orient="vertical">
|
||||
</div></div>
|
||||
|
||||
<div class="grid" style="grid: 30px / auto">
|
||||
<input type="range" class="b" orient="vertical" style="height:15px">
|
||||
</div>
|
||||
|
||||
<div class="grid" style="grid: 30px / auto">
|
||||
<input type="range" class="b" orient="vertical" style="height:15px">
|
||||
</div>
|
||||
|
||||
<div class="grid" style="grid: 30px / auto">
|
||||
<input type="range" class="b" orient="vertical" style="height:15px">
|
||||
</div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,94 @@
|
|||
<!DOCTYPE HTML>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>Test: INPUT type=range percent intrinsic block-size</title>
|
||||
<link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1513959">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-sizing-3/#percentage-sizing">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-sizing-3/#min-content-zero">
|
||||
<link rel="match" href="range-percent-intrinsic-size-2a-ref.html">
|
||||
<style>
|
||||
html,body {
|
||||
color:black; background-color:white; font:16px/1 monospace;
|
||||
}
|
||||
|
||||
input { margin: 2px; }
|
||||
|
||||
input.b {
|
||||
height: 50%;
|
||||
min-height: -moz-min-content;
|
||||
min-height: min-content;
|
||||
background: lime;
|
||||
}
|
||||
|
||||
input.mb {
|
||||
max-height: 50%;
|
||||
min-height: -moz-min-content;
|
||||
min-height: min-content;
|
||||
background: lime;
|
||||
}
|
||||
|
||||
input.b.min-auto, input.mb.min-auto, {
|
||||
min-height: auto;
|
||||
}
|
||||
|
||||
div {
|
||||
display: inline-block;
|
||||
border:1px solid;
|
||||
}
|
||||
|
||||
.grid {
|
||||
display: inline-grid;
|
||||
grid: auto / min-content;
|
||||
place-items: start;
|
||||
}
|
||||
input[orient="vertical"] {
|
||||
-webkit-appearance: slider-vertical;
|
||||
-webkit-appearance: range;
|
||||
}
|
||||
|
||||
</style></head><body>
|
||||
|
||||
<div style="height:30px"><div>
|
||||
<input type="range" class="b" orient="vertical">
|
||||
</div></div>
|
||||
|
||||
<div class="grid" style="grid: min-content / auto">
|
||||
<input type="range" class="b" orient="vertical">
|
||||
</div>
|
||||
|
||||
<div class="grid" style="grid: minmax(min-content,30px) / auto">
|
||||
<input type="range" class="b" orient="vertical">
|
||||
</div>
|
||||
|
||||
<div class="grid" style="grid: minmax(auto,30px) / auto">
|
||||
<input type="range" class="b" orient="vertical">
|
||||
</div>
|
||||
|
||||
<div class="grid" style="grid: minmax(auto,30px) / auto">
|
||||
<input type="range" class="b min-auto" orient="vertical">
|
||||
</div>
|
||||
|
||||
<br>
|
||||
<br>
|
||||
|
||||
<div style="height:30px"><div>
|
||||
<input type="range" class="mb" orient="vertical">
|
||||
</div></div>
|
||||
|
||||
<div class="grid" style="grid: minmax(min-content,30px) / auto">
|
||||
<input type="range" class="mb" orient="vertical">
|
||||
</div>
|
||||
|
||||
<div class="grid" style="grid: minmax(auto,30px) / auto">
|
||||
<input type="range" class="mb" orient="vertical">
|
||||
</div>
|
||||
|
||||
<div class="grid" style="grid: minmax(auto,30px) / auto">
|
||||
<input type="range" class="mb min-auto" orient="vertical">
|
||||
</div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,2 @@
|
|||
<!DOCTYPE html>
|
||||
<p style="text-decoration:underline">This text should be underlined.</p>
|
||||
|
|
@ -0,0 +1,16 @@
|
|||
<!DOCTYPE html>
|
||||
<title>CSS Test: text-decoration propagation into shadow DOM boxes</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text-decor/#line-decoration">
|
||||
<link rel="match" href="reference/text-decoration-underline-ref.html">
|
||||
<style>
|
||||
#host { text-decoration: underline }
|
||||
</style>
|
||||
<p>
|
||||
<div id="host">
|
||||
<span>This text should be underlined.</span>
|
||||
</div>
|
||||
</p>
|
||||
<script>
|
||||
const root = host.attachShadow({mode:"open"});
|
||||
root.appendChild(document.createElement("slot"));
|
||||
</script>
|
||||
|
|
@ -39,7 +39,7 @@ test_valid_value("transform", "rotate(90deg)");
|
|||
test_valid_value("transform", "skew(0)", "skew(0deg)");
|
||||
test_valid_value("transform", "skew(90deg)");
|
||||
test_valid_value("transform", "skew(0, -90deg)", "skew(0deg, -90deg)");
|
||||
test_valid_value("transform", "skew(90deg, 0)", "skew(90deg, 0deg)");
|
||||
test_valid_value("transform", "skew(90deg, 0)", ["skew(90deg)", "skew(90deg, 0deg)"]);
|
||||
|
||||
test_valid_value("transform", "skewX(0)", "skewX(0deg)");
|
||||
test_valid_value("transform", "skewX(90deg)");
|
||||
|
|
|
|||
|
|
@ -0,0 +1,2 @@
|
|||
<!DOCTYPE html>
|
||||
<div style="width: 50px; height: 100px; background-color: blue; border-left: 50px solid green"></div>
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
<!DOCTYPE html>
|
||||
<title>feBlend: does not taint the filter chain</title>
|
||||
<link rel="help" href="https://drafts.fxtf.org/filter-effects/#tainted-filter-primitives">
|
||||
<link rel="help" href="https://drafts.fxtf.org/filter-effects/#fedisplacemnentmap-restrictions">
|
||||
<link rel="match" href="reference/green-blue-stripe-100x100.html">
|
||||
<svg>
|
||||
<linearGradient id="g">
|
||||
<stop stop-color="red"/>
|
||||
<stop stop-color="red" offset=".5"/>
|
||||
<stop stop-color="green" offset=".5"/>
|
||||
<stop stop-color="green" offset="1"/>
|
||||
</linearGradient>
|
||||
<filter id="blend_notaint" color-interpolation-filters="sRGB"
|
||||
filterUnits="userSpaceOnUse">
|
||||
<feFlood flood-color="rgb(0%, 100%, 50%)"/>
|
||||
<feBlend/>
|
||||
<feDisplacementMap in="SourceGraphic"
|
||||
xChannelSelector="G" yChannelSelector="B"
|
||||
scale="100"/>
|
||||
</filter>
|
||||
<rect width="100" height="100" fill="blue"/>
|
||||
<rect width="100" height="100" fill="url(#g)"
|
||||
filter="url(#blend_notaint)"/>
|
||||
</svg>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!DOCTYPE html>
|
||||
<title>feBlend: propagates tainting from tainted input primitive</title>
|
||||
<link rel="help" href="https://drafts.fxtf.org/filter-effects/#tainted-filter-primitives">
|
||||
<link rel="help" href="https://drafts.fxtf.org/filter-effects/#fedisplacemnentmap-restrictions">
|
||||
<link rel="match" href="reference/green-100x100.html">
|
||||
<svg>
|
||||
<filter id="blend_taintedinput" color-interpolation-filters="sRGB"
|
||||
filterUnits="userSpaceOnUse">
|
||||
<feFlood flood-color="currentcolor" style="color: rgb(0%, 100%, 50%)"/>
|
||||
<feBlend/>
|
||||
<feDisplacementMap in="SourceGraphic"
|
||||
xChannelSelector="G" yChannelSelector="B"
|
||||
scale="100"/>
|
||||
</filter>
|
||||
<rect width="100" height="100" fill="red"/>
|
||||
<rect width="100" height="100" fill="green"
|
||||
filter="url(#blend_taintedinput)"/>
|
||||
</svg>
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
<!DOCTYPE html>
|
||||
<title>feComponentTransfer: does not taint the filter chain</title>
|
||||
<link rel="help" href="https://drafts.fxtf.org/filter-effects/#tainted-filter-primitives">
|
||||
<link rel="help" href="https://drafts.fxtf.org/filter-effects/#fedisplacemnentmap-restrictions">
|
||||
<link rel="match" href="reference/green-blue-stripe-100x100.html">
|
||||
<svg>
|
||||
<linearGradient id="g">
|
||||
<stop stop-color="red"/>
|
||||
<stop stop-color="red" offset=".5"/>
|
||||
<stop stop-color="green" offset=".5"/>
|
||||
<stop stop-color="green" offset="1"/>
|
||||
</linearGradient>
|
||||
<filter id="compxfer_notaint" color-interpolation-filters="sRGB"
|
||||
filterUnits="userSpaceOnUse">
|
||||
<feFlood flood-color="rgb(0%, 100%, 50%)"/>
|
||||
<feComponentTransfer/>
|
||||
<feDisplacementMap in="SourceGraphic"
|
||||
xChannelSelector="G" yChannelSelector="B"
|
||||
scale="100"/>
|
||||
</filter>
|
||||
<rect width="100" height="100" fill="blue"/>
|
||||
<rect width="100" height="100" fill="url(#g)"
|
||||
filter="url(#compxfer_notaint)"/>
|
||||
</svg>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!DOCTYPE html>
|
||||
<title>feComponentTransfer: propagates tainting from tainted input primitive</title>
|
||||
<link rel="help" href="https://drafts.fxtf.org/filter-effects/#tainted-filter-primitives">
|
||||
<link rel="help" href="https://drafts.fxtf.org/filter-effects/#fedisplacemnentmap-restrictions">
|
||||
<link rel="match" href="reference/green-100x100.html">
|
||||
<svg>
|
||||
<filter id="compxfer_taintedinput" color-interpolation-filters="sRGB"
|
||||
filterUnits="userSpaceOnUse">
|
||||
<feFlood flood-color="currentcolor" style="color: rgb(0%, 100%, 50%)"/>
|
||||
<feComponentTransfer/>
|
||||
<feDisplacementMap in="SourceGraphic"
|
||||
xChannelSelector="G" yChannelSelector="B"
|
||||
scale="100"/>
|
||||
</filter>
|
||||
<rect width="100" height="100" fill="red"/>
|
||||
<rect width="100" height="100" fill="green"
|
||||
filter="url(#compxfer_taintedinput)"/>
|
||||
</svg>
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
<!DOCTYPE html>
|
||||
<title>feComposite: does not taint the filter chain</title>
|
||||
<link rel="help" href="https://drafts.fxtf.org/filter-effects/#tainted-filter-primitives">
|
||||
<link rel="help" href="https://drafts.fxtf.org/filter-effects/#fedisplacemnentmap-restrictions">
|
||||
<link rel="match" href="reference/green-blue-stripe-100x100.html">
|
||||
<svg>
|
||||
<linearGradient id="g">
|
||||
<stop stop-color="red"/>
|
||||
<stop stop-color="red" offset=".5"/>
|
||||
<stop stop-color="green" offset=".5"/>
|
||||
<stop stop-color="green" offset="1"/>
|
||||
</linearGradient>
|
||||
<filter id="composite_notaint" color-interpolation-filters="sRGB"
|
||||
filterUnits="userSpaceOnUse">
|
||||
<feFlood flood-color="rgb(0%, 100%, 50%)"/>
|
||||
<feComposite/>
|
||||
<feDisplacementMap in="SourceGraphic"
|
||||
xChannelSelector="G" yChannelSelector="B"
|
||||
scale="100"/>
|
||||
</filter>
|
||||
<rect width="100" height="100" fill="blue"/>
|
||||
<rect width="100" height="100" fill="url(#g)"
|
||||
filter="url(#composite_notaint)"/>
|
||||
</svg>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!DOCTYPE html>
|
||||
<title>feComposite: propagates tainting from tainted input primitive</title>
|
||||
<link rel="help" href="https://drafts.fxtf.org/filter-effects/#tainted-filter-primitives">
|
||||
<link rel="help" href="https://drafts.fxtf.org/filter-effects/#fedisplacemnentmap-restrictions">
|
||||
<link rel="match" href="reference/green-100x100.html">
|
||||
<svg>
|
||||
<filter id="composite_taintedinput" color-interpolation-filters="sRGB"
|
||||
filterUnits="userSpaceOnUse">
|
||||
<feFlood flood-color="currentcolor" style="color: rgb(0%, 100%, 50%)"/>
|
||||
<feComposite/>
|
||||
<feDisplacementMap in="SourceGraphic"
|
||||
xChannelSelector="G" yChannelSelector="B"
|
||||
scale="100"/>
|
||||
</filter>
|
||||
<rect width="100" height="100" fill="red"/>
|
||||
<rect width="100" height="100" fill="green"
|
||||
filter="url(#composite_taintedinput)"/>
|
||||
</svg>
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
<!DOCTYPE html>
|
||||
<title>feConvolveMatrix: does not taint the filter chain</title>
|
||||
<link rel="help" href="https://drafts.fxtf.org/filter-effects/#tainted-filter-primitives">
|
||||
<link rel="help" href="https://drafts.fxtf.org/filter-effects/#fedisplacemnentmap-restrictions">
|
||||
<link rel="match" href="reference/green-blue-stripe-100x100.html">
|
||||
<svg>
|
||||
<linearGradient id="g">
|
||||
<stop stop-color="red"/>
|
||||
<stop stop-color="red" offset=".5"/>
|
||||
<stop stop-color="green" offset=".5"/>
|
||||
<stop stop-color="green" offset="1"/>
|
||||
</linearGradient>
|
||||
<filter id="convolve_notaint" color-interpolation-filters="sRGB"
|
||||
filterUnits="userSpaceOnUse">
|
||||
<feFlood flood-color="rgb(0%, 100%, 50%)"/>
|
||||
<feConvolveMatrix order="1" kernelMatrix="1"/>
|
||||
<feDisplacementMap in="SourceGraphic"
|
||||
xChannelSelector="G" yChannelSelector="B"
|
||||
scale="100"/>
|
||||
</filter>
|
||||
<rect width="100" height="100" fill="blue"/>
|
||||
<rect width="100" height="100" fill="url(#g)"
|
||||
filter="url(#convolve_notaint)"/>
|
||||
</svg>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!DOCTYPE html>
|
||||
<title>feConvolveMatrix: propagates tainting from tainted input primitive</title>
|
||||
<link rel="help" href="https://drafts.fxtf.org/filter-effects/#tainted-filter-primitives">
|
||||
<link rel="help" href="https://drafts.fxtf.org/filter-effects/#fedisplacemnentmap-restrictions">
|
||||
<link rel="match" href="reference/green-100x100.html">
|
||||
<svg>
|
||||
<filter id="convolve_taintedinput" color-interpolation-filters="sRGB"
|
||||
filterUnits="userSpaceOnUse">
|
||||
<feFlood flood-color="currentcolor" style="color: rgb(0%, 100%, 50%)"/>
|
||||
<feConvolveMatrix order="1" kernelMatrix="1"/>
|
||||
<feDisplacementMap in="SourceGraphic"
|
||||
xChannelSelector="G" yChannelSelector="B"
|
||||
scale="100"/>
|
||||
</filter>
|
||||
<rect width="100" height="100" fill="red"/>
|
||||
<rect width="100" height="100" fill="green"
|
||||
filter="url(#convolve_taintedinput)"/>
|
||||
</svg>
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
<!DOCTYPE html>
|
||||
<title>feDiffuseLighting: no tainting with regular <color> lighting-color</title>
|
||||
<link rel="help" href="https://drafts.fxtf.org/filter-effects/#tainted-filter-primitives">
|
||||
<link rel="help" href="https://drafts.fxtf.org/filter-effects/#fedisplacemnentmap-restrictions">
|
||||
<link rel="match" href="reference/green-blue-stripe-100x100.html">
|
||||
<svg>
|
||||
<linearGradient id="g">
|
||||
<stop stop-color="red"/>
|
||||
<stop stop-color="red" offset=".5"/>
|
||||
<stop stop-color="green" offset=".5"/>
|
||||
<stop stop-color="green" offset="1"/>
|
||||
</linearGradient>
|
||||
<filter id="diffuse_notaint" color-interpolation-filters="sRGB"
|
||||
filterUnits="userSpaceOnUse">
|
||||
<feFlood/>
|
||||
<feDiffuseLighting lighting-color="rgb(0%, 100%, 50%)">
|
||||
<feDistantLight elevation="90"/>
|
||||
</feDiffuseLighting>
|
||||
<feDisplacementMap in="SourceGraphic"
|
||||
xChannelSelector="G" yChannelSelector="B"
|
||||
scale="100" x="0" y="0" width="100" height="100"/>
|
||||
</filter>
|
||||
<rect width="100" height="100" fill="blue"/>
|
||||
<rect width="100" height="100" fill="url(#g)" filter="url(#diffuse_notaint)"/>
|
||||
</svg>
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE html>
|
||||
<title>feDiffuseLighting: 'currentcolor' lighting-color taints the primitive</title>
|
||||
<link rel="help" href="https://drafts.fxtf.org/filter-effects/#tainted-filter-primitives">
|
||||
<link rel="help" href="https://drafts.fxtf.org/filter-effects/#fedisplacemnentmap-restrictions">
|
||||
<link rel="match" href="reference/green-100x100.html">
|
||||
<svg>
|
||||
<filter id="diffuse_currentcolor" color-interpolation-filters="sRGB"
|
||||
filterUnits="userSpaceOnUse">
|
||||
<feFlood/>
|
||||
<feDiffuseLighting lighting-color="currentcolor"
|
||||
style="color: rgb(0%, 100%, 50%)">
|
||||
<feDistantLight elevation="90"/>
|
||||
</feDiffuseLighting>
|
||||
<feDisplacementMap in="SourceGraphic"
|
||||
xChannelSelector="G" yChannelSelector="B"
|
||||
scale="100"/>
|
||||
</filter>
|
||||
<rect width="100" height="100" fill="red"/>
|
||||
<rect width="100" height="100" fill="green"
|
||||
filter="url(#diffuse_currentcolor)"/>
|
||||
</svg>
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
<!DOCTYPE html>
|
||||
<title>feDiffuseLighting: propagates tainting from tainted input primitive</title>
|
||||
<link rel="help" href="https://drafts.fxtf.org/filter-effects/#tainted-filter-primitives">
|
||||
<link rel="help" href="https://drafts.fxtf.org/filter-effects/#fedisplacemnentmap-restrictions">
|
||||
<link rel="match" href="reference/green-100x100.html">
|
||||
<svg>
|
||||
<filter id="diffuse_taintedinput" color-interpolation-filters="sRGB"
|
||||
filterUnits="userSpaceOnUse">
|
||||
<feFlood flood-color="currentcolor" style="color: black"/>
|
||||
<feDiffuseLighting lighting-color="rgb(0%, 100%, 50%)">
|
||||
<feDistantLight elevation="90"/>
|
||||
</feDiffuseLighting>
|
||||
<feDisplacementMap in="SourceGraphic"
|
||||
xChannelSelector="G" yChannelSelector="B"
|
||||
scale="100"/>
|
||||
</filter>
|
||||
<rect width="100" height="100" fill="red"/>
|
||||
<rect width="100" height="100" fill="green"
|
||||
filter="url(#diffuse_taintedinput)"/>
|
||||
</svg>
|
||||
|
|
@ -0,0 +1,30 @@
|
|||
<!DOCTYPE html>
|
||||
<html class="reftest-wait">
|
||||
<title>feDiffuseLighting: tainting state changes dynamically</title>
|
||||
<link rel="help" href="https://drafts.fxtf.org/filter-effects/#tainted-filter-primitives">
|
||||
<link rel="help" href="https://drafts.fxtf.org/filter-effects/#fedisplacemnentmap-restrictions">
|
||||
<link rel="match" href="reference/green-100x100.html">
|
||||
<script src="/common/reftest-wait.js"></script>
|
||||
<svg>
|
||||
<filter id="diffuse" color-interpolation-filters="sRGB"
|
||||
filterUnits="userSpaceOnUse">
|
||||
<feFlood/>
|
||||
<feDiffuseLighting lighting-color="rgb(0%, 100%, 50%)"
|
||||
style="color: rgb(0%, 100%, 50%)">
|
||||
<feDistantLight elevation="90"/>
|
||||
</feDiffuseLighting>
|
||||
<feDisplacementMap in="SourceGraphic"
|
||||
xChannelSelector="G" yChannelSelector="B"
|
||||
scale="100" x="0" y="0" width="100" height="100"/>
|
||||
</filter>
|
||||
<rect width="100" height="100" fill="red"/>
|
||||
<rect width="100" height="100" fill="green" filter="url(#diffuse)"/>
|
||||
</svg>
|
||||
<script>
|
||||
requestAnimationFrame(() => {
|
||||
requestAnimationFrame(() => {
|
||||
document.querySelector('feDiffuseLighting').style.lightingColor = 'currentcolor';
|
||||
takeScreenshot();
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
<!DOCTYPE html>
|
||||
<title>feDisplacementMap: does not taint the filter chain</title>
|
||||
<link rel="help" href="https://drafts.fxtf.org/filter-effects/#tainted-filter-primitives">
|
||||
<link rel="help" href="https://drafts.fxtf.org/filter-effects/#fedisplacemnentmap-restrictions">
|
||||
<link rel="match" href="reference/green-blue-stripe-100x100.html">
|
||||
<svg>
|
||||
<linearGradient id="g">
|
||||
<stop stop-color="red"/>
|
||||
<stop stop-color="red" offset=".5"/>
|
||||
<stop stop-color="green" offset=".5"/>
|
||||
<stop stop-color="green" offset="1"/>
|
||||
</linearGradient>
|
||||
<filter id="dispmap_notaint" color-interpolation-filters="sRGB"
|
||||
filterUnits="userSpaceOnUse">
|
||||
<feFlood flood-color="rgb(0%, 100%, 50%)"/>
|
||||
<feDisplacementMap xChannelSelector="G" yChannelSelector="B"
|
||||
scale="0"/>
|
||||
<feDisplacementMap in="SourceGraphic"
|
||||
xChannelSelector="G" yChannelSelector="B"
|
||||
scale="100"/>
|
||||
</filter>
|
||||
<rect width="100" height="100" fill="blue"/>
|
||||
<rect width="100" height="100" fill="url(#g)"
|
||||
filter="url(#dispmap_notaint)"/>
|
||||
</svg>
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
<!DOCTYPE html>
|
||||
<title>feDisplacementMap: propagates tainting from tainted input primitive</title>
|
||||
<link rel="help" href="https://drafts.fxtf.org/filter-effects/#tainted-filter-primitives">
|
||||
<link rel="help" href="https://drafts.fxtf.org/filter-effects/#fedisplacemnentmap-restrictions">
|
||||
<link rel="match" href="reference/green-100x100.html">
|
||||
<svg>
|
||||
<filter id="dispmap_taintedinput" color-interpolation-filters="sRGB"
|
||||
filterUnits="userSpaceOnUse">
|
||||
<feFlood flood-color="currentcolor" style="color: rgb(0%, 100%, 50%)"/>
|
||||
<feDisplacementMap xChannelSelector="G" yChannelSelector="B"
|
||||
scale="0"/>
|
||||
<feDisplacementMap in="SourceGraphic"
|
||||
xChannelSelector="G" yChannelSelector="B"
|
||||
scale="100"/>
|
||||
</filter>
|
||||
<rect width="100" height="100" fill="red"/>
|
||||
<rect width="100" height="100" fill="green"
|
||||
filter="url(#dispmap_taintedinput)"/>
|
||||
</svg>
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
<!DOCTYPE html>
|
||||
<title>feDropShadow: no tainting with regular <color> flood-color</title>
|
||||
<link rel="help" href="https://drafts.fxtf.org/filter-effects/#tainted-filter-primitives">
|
||||
<link rel="help" href="https://drafts.fxtf.org/filter-effects/#fedisplacemnentmap-restrictions">
|
||||
<link rel="match" href="reference/green-blue-stripe-100x100.html">
|
||||
<svg>
|
||||
<linearGradient id="g">
|
||||
<stop stop-color="red"/>
|
||||
<stop stop-color="red" offset=".5"/>
|
||||
<stop stop-color="green" offset=".5"/>
|
||||
<stop stop-color="green" offset="1"/>
|
||||
</linearGradient>
|
||||
<filter id="dropshdw_notaint" color-interpolation-filters="sRGB"
|
||||
filterUnits="userSpaceOnUse">
|
||||
<feFlood x="0" y="0" width="100" height="100"/>
|
||||
<feDropShadow width="100%" flood-color="rgb(0%, 100%, 50%)" stdDeviation="0"
|
||||
dx="100" dy="0"/>
|
||||
<feOffset dx="-100"/>
|
||||
<feDisplacementMap in="SourceGraphic"
|
||||
xChannelSelector="G" yChannelSelector="B"
|
||||
scale="100" x="0" y="0" width="100" height="100"/>
|
||||
</filter>
|
||||
<rect width="100" height="100" fill="blue"/>
|
||||
<rect width="100" height="100" fill="url(#g)" filter="url(#dropshdw_notaint)"/>
|
||||
</svg>
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
<!DOCTYPE html>
|
||||
<title>feDropShadow: 'currentcolor' flood-color taints the primitive</title>
|
||||
<link rel="help" href="https://drafts.fxtf.org/filter-effects/#tainted-filter-primitives">
|
||||
<link rel="help" href="https://drafts.fxtf.org/filter-effects/#fedisplacemnentmap-restrictions">
|
||||
<link rel="match" href="reference/green-100x100.html">
|
||||
<svg>
|
||||
<filter id="dropshdw_currentcolor" color-interpolation-filters="sRGB"
|
||||
filterUnits="userSpaceOnUse">
|
||||
<feFlood x="0" y="0" width="100" height="100"/>
|
||||
<feDropShadow width="100%" flood-color="currentcolor" stdDeviation="0"
|
||||
dx="100" dy="0" style="color: rgb(0%, 100%, 50%)"/>
|
||||
<feOffset dx="-100"/>
|
||||
<feDisplacementMap in="SourceGraphic"
|
||||
xChannelSelector="G" yChannelSelector="B"
|
||||
scale="100" x="0" y="0" width="100" height="100"/>
|
||||
</filter>
|
||||
<rect width="100" height="100" fill="red"/>
|
||||
<rect width="100" height="100" fill="green"
|
||||
filter="url(#dropshdw_currentcolor)"/>
|
||||
</svg>
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE html>
|
||||
<title>feDropShadow: propagates tainting from tainted input primitive</title>
|
||||
<link rel="help" href="https://drafts.fxtf.org/filter-effects/#tainted-filter-primitives">
|
||||
<link rel="help" href="https://drafts.fxtf.org/filter-effects/#fedisplacemnentmap-restrictions">
|
||||
<link rel="match" href="reference/green-100x100.html">
|
||||
<svg>
|
||||
<filter id="dropshdw_taintedinput" color-interpolation-filters="sRGB"
|
||||
filterUnits="userSpaceOnUse">
|
||||
<feFlood x="0" y="0" width="100" height="100" flood-color="currentcolor"
|
||||
style="color: black"/>
|
||||
<feDropShadow width="100%" flood-color="rgb(0%, 100%, 50%)" stdDeviation="0"
|
||||
dx="100" dy="0"/>
|
||||
<feOffset dx="-100"/>
|
||||
<feDisplacementMap in="SourceGraphic"
|
||||
xChannelSelector="G" yChannelSelector="B"
|
||||
scale="100" x="0" y="0" width="100" height="100"/>
|
||||
</filter>
|
||||
<rect width="100" height="100" fill="red"/>
|
||||
<rect width="100" height="100" fill="green"
|
||||
filter="url(#dropshdw_taintedinput)"/>
|
||||
</svg>
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE html>
|
||||
<title>feFlood: no tainting with regular <color> flood-color</title>
|
||||
<link rel="help" href="https://drafts.fxtf.org/filter-effects/#tainted-filter-primitives">
|
||||
<link rel="help" href="https://drafts.fxtf.org/filter-effects/#fedisplacemnentmap-restrictions">
|
||||
<link rel="match" href="reference/green-blue-stripe-100x100.html">
|
||||
<svg>
|
||||
<linearGradient id="g">
|
||||
<stop stop-color="red"/>
|
||||
<stop stop-color="red" offset=".5"/>
|
||||
<stop stop-color="green" offset=".5"/>
|
||||
<stop stop-color="green" offset="1"/>
|
||||
</linearGradient>
|
||||
<filter id="flood_notaint" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-color="rgb(0%, 100%, 50%)"/>
|
||||
<feDisplacementMap in="SourceGraphic"
|
||||
xChannelSelector="G" yChannelSelector="B"
|
||||
scale="100"/>
|
||||
</filter>
|
||||
<rect width="100" height="100" fill="blue"/>
|
||||
<rect width="100" height="100" fill="url(#g)" filter="url(#flood_notaint)"/>
|
||||
</svg>
|
||||
|
|
@ -0,0 +1,16 @@
|
|||
<!DOCTYPE html>
|
||||
<title>feFlood: 'currentcolor' flood-color taints the primitive</title>
|
||||
<link rel="help" href="https://drafts.fxtf.org/filter-effects/#tainted-filter-primitives">
|
||||
<link rel="help" href="https://drafts.fxtf.org/filter-effects/#fedisplacemnentmap-restrictions">
|
||||
<link rel="match" href="reference/green-100x100.html">
|
||||
<svg>
|
||||
<filter id="flood_currentcolor" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-color="currentcolor" style="color: rgb(0%, 100%, 50%)"/>
|
||||
<feDisplacementMap in="SourceGraphic"
|
||||
xChannelSelector="G" yChannelSelector="B"
|
||||
scale="100"/>
|
||||
</filter>
|
||||
<rect width="100" height="100" fill="red"/>
|
||||
<rect width="100" height="100" fill="green"
|
||||
filter="url(#flood_currentcolor)"/>
|
||||
</svg>
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
<!DOCTYPE html>
|
||||
<html class="reftest-wait">
|
||||
<title>feFlood: tainting state changes dynamically</title>
|
||||
<link rel="help" href="https://drafts.fxtf.org/filter-effects/#tainted-filter-primitives">
|
||||
<link rel="help" href="https://drafts.fxtf.org/filter-effects/#fedisplacemnentmap-restrictions">
|
||||
<link rel="match" href="reference/green-100x100.html">
|
||||
<script src="/common/reftest-wait.js"></script>
|
||||
<svg>
|
||||
<filter id="flood" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-color="rgb(0%, 100%, 50%)" style="color: rgb(0%, 100%, 50%)"/>
|
||||
<feDisplacementMap in="SourceGraphic"
|
||||
xChannelSelector="G" yChannelSelector="B"
|
||||
scale="100"/>
|
||||
</filter>
|
||||
<rect width="100" height="100" fill="red"/>
|
||||
<rect width="100" height="100" fill="green" filter="url(#flood)"/>
|
||||
</svg>
|
||||
<script>
|
||||
requestAnimationFrame(() => {
|
||||
requestAnimationFrame(() => {
|
||||
document.querySelector('feFlood').style.floodColor = 'currentcolor';
|
||||
takeScreenshot();
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
<!DOCTYPE html>
|
||||
<title>feGaussianBlur: does not taint the filter chain</title>
|
||||
<link rel="help" href="https://drafts.fxtf.org/filter-effects/#tainted-filter-primitives">
|
||||
<link rel="help" href="https://drafts.fxtf.org/filter-effects/#fedisplacemnentmap-restrictions">
|
||||
<link rel="match" href="reference/green-blue-stripe-100x100.html">
|
||||
<svg>
|
||||
<linearGradient id="g">
|
||||
<stop stop-color="red"/>
|
||||
<stop stop-color="red" offset=".5"/>
|
||||
<stop stop-color="green" offset=".5"/>
|
||||
<stop stop-color="green" offset="1"/>
|
||||
</linearGradient>
|
||||
<filter id="gaussian_notaint" color-interpolation-filters="sRGB"
|
||||
filterUnits="userSpaceOnUse">
|
||||
<feFlood flood-color="rgb(0%, 100%, 50%)"/>
|
||||
<feGaussianBlur stdDeviation="0"/>
|
||||
<feDisplacementMap in="SourceGraphic"
|
||||
xChannelSelector="G" yChannelSelector="B"
|
||||
scale="100"/>
|
||||
</filter>
|
||||
<rect width="100" height="100" fill="blue"/>
|
||||
<rect width="100" height="100" fill="url(#g)"
|
||||
filter="url(#gaussian_notaint)"/>
|
||||
</svg>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!DOCTYPE html>
|
||||
<title>feGaussianBlur: propagates tainting from tainted input primitive</title>
|
||||
<link rel="help" href="https://drafts.fxtf.org/filter-effects/#tainted-filter-primitives">
|
||||
<link rel="help" href="https://drafts.fxtf.org/filter-effects/#fedisplacemnentmap-restrictions">
|
||||
<link rel="match" href="reference/green-100x100.html">
|
||||
<svg>
|
||||
<filter id="gaussian_taintedinput" color-interpolation-filters="sRGB"
|
||||
filterUnits="userSpaceOnUse">
|
||||
<feFlood flood-color="currentcolor" style="color: rgb(0%, 100%, 50%)"/>
|
||||
<feGaussianBlur stdDeviation="0"/>
|
||||
<feDisplacementMap in="SourceGraphic"
|
||||
xChannelSelector="G" yChannelSelector="B"
|
||||
scale="100"/>
|
||||
</filter>
|
||||
<rect width="100" height="100" fill="red"/>
|
||||
<rect width="100" height="100" fill="green"
|
||||
filter="url(#gaussian_taintedinput)"/>
|
||||
</svg>
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
<!DOCTYPE html>
|
||||
<title>feMorphology: does not taint the filter chain</title>
|
||||
<link rel="help" href="https://drafts.fxtf.org/filter-effects/#tainted-filter-primitives">
|
||||
<link rel="help" href="https://drafts.fxtf.org/filter-effects/#fedisplacemnentmap-restrictions">
|
||||
<link rel="match" href="reference/green-blue-stripe-100x100.html">
|
||||
<svg>
|
||||
<linearGradient id="g">
|
||||
<stop stop-color="red"/>
|
||||
<stop stop-color="red" offset=".5"/>
|
||||
<stop stop-color="green" offset=".5"/>
|
||||
<stop stop-color="green" offset="1"/>
|
||||
</linearGradient>
|
||||
<filter id="morphology_notaint" color-interpolation-filters="sRGB"
|
||||
filterUnits="userSpaceOnUse">
|
||||
<feFlood flood-color="rgb(0%, 100%, 50%)"/>
|
||||
<feMorphology radius="0.5"/>
|
||||
<feDisplacementMap in="SourceGraphic"
|
||||
xChannelSelector="G" yChannelSelector="B"
|
||||
scale="100"/>
|
||||
</filter>
|
||||
<rect width="100" height="100" fill="blue"/>
|
||||
<rect width="100" height="100" fill="url(#g)"
|
||||
filter="url(#morphology_notaint)"/>
|
||||
</svg>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!DOCTYPE html>
|
||||
<title>feMorphology: propagates tainting from tainted input primitive</title>
|
||||
<link rel="help" href="https://drafts.fxtf.org/filter-effects/#tainted-filter-primitives">
|
||||
<link rel="help" href="https://drafts.fxtf.org/filter-effects/#fedisplacemnentmap-restrictions">
|
||||
<link rel="match" href="reference/green-100x100.html">
|
||||
<svg>
|
||||
<filter id="morphology_taintedinput" color-interpolation-filters="sRGB"
|
||||
filterUnits="userSpaceOnUse">
|
||||
<feFlood flood-color="currentcolor" style="color: rgb(0%, 100%, 50%)"/>
|
||||
<feMorphology radius="0.5"/>
|
||||
<feDisplacementMap in="SourceGraphic"
|
||||
xChannelSelector="G" yChannelSelector="B"
|
||||
scale="100"/>
|
||||
</filter>
|
||||
<rect width="100" height="100" fill="red"/>
|
||||
<rect width="100" height="100" fill="green"
|
||||
filter="url(#morphology_taintedinput)"/>
|
||||
</svg>
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
<!DOCTYPE html>
|
||||
<title>feOffset: does not taint the filter chain</title>
|
||||
<link rel="help" href="https://drafts.fxtf.org/filter-effects/#tainted-filter-primitives">
|
||||
<link rel="help" href="https://drafts.fxtf.org/filter-effects/#fedisplacemnentmap-restrictions">
|
||||
<link rel="match" href="reference/green-blue-stripe-100x100.html">
|
||||
<svg>
|
||||
<linearGradient id="g">
|
||||
<stop stop-color="red"/>
|
||||
<stop stop-color="red" offset=".5"/>
|
||||
<stop stop-color="green" offset=".5"/>
|
||||
<stop stop-color="green" offset="1"/>
|
||||
</linearGradient>
|
||||
<filter id="offset_notaint" color-interpolation-filters="sRGB"
|
||||
filterUnits="userSpaceOnUse">
|
||||
<feFlood flood-color="rgb(0%, 100%, 50%)"/>
|
||||
<feOffset/>
|
||||
<feDisplacementMap in="SourceGraphic"
|
||||
xChannelSelector="G" yChannelSelector="B"
|
||||
scale="100"/>
|
||||
</filter>
|
||||
<rect width="100" height="100" fill="blue"/>
|
||||
<rect width="100" height="100" fill="url(#g)"
|
||||
filter="url(#offset_notaint)"/>
|
||||
</svg>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!DOCTYPE html>
|
||||
<title>feOffset: propagates tainting from tainted input primitive</title>
|
||||
<link rel="help" href="https://drafts.fxtf.org/filter-effects/#tainted-filter-primitives">
|
||||
<link rel="help" href="https://drafts.fxtf.org/filter-effects/#fedisplacemnentmap-restrictions">
|
||||
<link rel="match" href="reference/green-100x100.html">
|
||||
<svg>
|
||||
<filter id="offset_taintedinput" color-interpolation-filters="sRGB"
|
||||
filterUnits="userSpaceOnUse">
|
||||
<feFlood flood-color="currentcolor" style="color: rgb(0%, 100%, 50%)"/>
|
||||
<feOffset/>
|
||||
<feDisplacementMap in="SourceGraphic"
|
||||
xChannelSelector="G" yChannelSelector="B"
|
||||
scale="100"/>
|
||||
</filter>
|
||||
<rect width="100" height="100" fill="red"/>
|
||||
<rect width="100" height="100" fill="green"
|
||||
filter="url(#offset_taintedinput)"/>
|
||||
</svg>
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
<!DOCTYPE html>
|
||||
<title>feSpecularLighting: no tainting with regular <color> lighting-color</title>
|
||||
<link rel="help" href="https://drafts.fxtf.org/filter-effects/#tainted-filter-primitives">
|
||||
<link rel="help" href="https://drafts.fxtf.org/filter-effects/#fedisplacemnentmap-restrictions">
|
||||
<link rel="match" href="reference/green-blue-stripe-100x100.html">
|
||||
<svg>
|
||||
<linearGradient id="g">
|
||||
<stop stop-color="red"/>
|
||||
<stop stop-color="red" offset=".5"/>
|
||||
<stop stop-color="green" offset=".5"/>
|
||||
<stop stop-color="green" offset="1"/>
|
||||
</linearGradient>
|
||||
<filter id="specular_notaint" color-interpolation-filters="sRGB"
|
||||
filterUnits="userSpaceOnUse">
|
||||
<feFlood/>
|
||||
<feSpecularLighting lighting-color="rgb(0%, 100%, 50%)">
|
||||
<feDistantLight elevation="90"/>
|
||||
</feSpecularLighting>
|
||||
<feDisplacementMap in="SourceGraphic"
|
||||
xChannelSelector="G" yChannelSelector="B"
|
||||
scale="100"/>
|
||||
</filter>
|
||||
<rect width="100" height="100" fill="blue"/>
|
||||
<rect width="100" height="100" fill="url(#g)"
|
||||
filter="url(#specular_notaint)"/>
|
||||
</svg>
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE html>
|
||||
<title>feSpecularLighting: 'currentcolor' lighting-color taints the primitive</title>
|
||||
<link rel="help" href="https://drafts.fxtf.org/filter-effects/#tainted-filter-primitives">
|
||||
<link rel="help" href="https://drafts.fxtf.org/filter-effects/#fedisplacemnentmap-restrictions">
|
||||
<link rel="match" href="reference/green-100x100.html">
|
||||
<svg>
|
||||
<filter id="specular_currentcolor" color-interpolation-filters="sRGB"
|
||||
filterUnits="userSpaceOnUse">
|
||||
<feFlood/>
|
||||
<feSpecularLighting lighting-color="currentcolor"
|
||||
style="color: rgb(0%, 100%, 50%)">
|
||||
<feDistantLight elevation="90"/>
|
||||
</feSpecularLighting>
|
||||
<feDisplacementMap in="SourceGraphic"
|
||||
xChannelSelector="G" yChannelSelector="B"
|
||||
scale="100"/>
|
||||
</filter>
|
||||
<rect width="100" height="100" fill="red"/>
|
||||
<rect width="100" height="100" fill="green"
|
||||
filter="url(#specular_currentcolor)"/>
|
||||
</svg>
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
<!DOCTYPE html>
|
||||
<title>feSpecularLighting: propagates tainting from tainted input primitive</title>
|
||||
<link rel="help" href="https://drafts.fxtf.org/filter-effects/#tainted-filter-primitives">
|
||||
<link rel="help" href="https://drafts.fxtf.org/filter-effects/#fedisplacemnentmap-restrictions">
|
||||
<link rel="match" href="reference/green-100x100.html">
|
||||
<svg>
|
||||
<filter id="specular_taintedinput" color-interpolation-filters="sRGB"
|
||||
filterUnits="userSpaceOnUse">
|
||||
<feFlood flood-color="currentcolor" style="color: black"/>
|
||||
<feSpecularLighting lighting-color="rgb(0%, 100%, 50%)">
|
||||
<feDistantLight elevation="90"/>
|
||||
</feSpecularLighting>
|
||||
<feDisplacementMap in="SourceGraphic"
|
||||
xChannelSelector="G" yChannelSelector="B"
|
||||
scale="100"/>
|
||||
</filter>
|
||||
<rect width="100" height="100" fill="red"/>
|
||||
<rect width="100" height="100" fill="green"
|
||||
filter="url(#specular_taintedinput)"/>
|
||||
</svg>
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
<!DOCTYPE html>
|
||||
<title>feTile: does not taint the filter chain</title>
|
||||
<link rel="help" href="https://drafts.fxtf.org/filter-effects/#tainted-filter-primitives">
|
||||
<link rel="help" href="https://drafts.fxtf.org/filter-effects/#fedisplacemnentmap-restrictions">
|
||||
<link rel="match" href="reference/green-blue-stripe-100x100.html">
|
||||
<svg>
|
||||
<linearGradient id="g">
|
||||
<stop stop-color="red"/>
|
||||
<stop stop-color="red" offset=".5"/>
|
||||
<stop stop-color="green" offset=".5"/>
|
||||
<stop stop-color="green" offset="1"/>
|
||||
</linearGradient>
|
||||
<filter id="tile_notaint" color-interpolation-filters="sRGB"
|
||||
filterUnits="userSpaceOnUse">
|
||||
<feFlood flood-color="rgb(0%, 100%, 50%)"/>
|
||||
<feTile/>
|
||||
<feDisplacementMap in="SourceGraphic"
|
||||
xChannelSelector="G" yChannelSelector="B"
|
||||
scale="100"/>
|
||||
</filter>
|
||||
<rect width="100" height="100" fill="blue"/>
|
||||
<rect width="100" height="100" fill="url(#g)"
|
||||
filter="url(#tile_notaint)"/>
|
||||
</svg>
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
<!DOCTYPE html>
|
||||
<title>feTile: propagates tainting from tainted input primitive</title>
|
||||
<link rel="help" href="https://drafts.fxtf.org/filter-effects/#tainted-filter-primitives">
|
||||
<link rel="help" href="https://drafts.fxtf.org/filter-effects/#fedisplacemnentmap-restrictions">
|
||||
<link rel="match" href="reference/green-100x100.html">
|
||||
<svg>
|
||||
<filter id="tile_taintedinput" color-interpolation-filters="sRGB"
|
||||
filterUnits="userSpaceOnUse">
|
||||
<feFlood flood-color="currentcolor" style="color: rgb(0%, 100%, 50%)"/>
|
||||
<feTile/>
|
||||
<feDisplacementMap in="SourceGraphic"
|
||||
xChannelSelector="G" yChannelSelector="B"
|
||||
scale="100"/>
|
||||
</filter>
|
||||
<rect width="100" height="100" fill="red"/>
|
||||
<rect width="100" height="100" fill="green"
|
||||
filter="url(#tile_taintedinput)"/>
|
||||
</svg>
|
||||
Loading…
Add table
Add a link
Reference in a new issue