blob: 40e25c512259f0b84581891799df4a44d3a3bb25 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
|
<!DOCTYPE html>
<html lang="en">
<meta charset="utf-8">
<title>Testcase for filters on canvas</title>
<style>
#checkbox {
filter: url(#filter);
}
</style>
<svg style="display: block; height: 0;">
<defs>
<filter id="filter" color-interpolation-filters="sRGB" x="-100%" y="-100%" width="300%" height="300%">
<feMorphology operator="dilate" radius="5" in="SourceAlpha" result="mask"/>
<feFlood flood-color="blue"/>
<feComposite operator="in" in2="mask"/>
<feMerge>
<feMergeNode/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
</defs>
</svg>
<input type="checkbox" id="checkbox">
<script>
document.getElementById("checkbox").focus();
</script>
|
