LayoutTests/svg/filters/feComposite.svg - Issue 779963002: Add the 'lighter' composite operation to feComposite.

Side by Side Diff: LayoutTests/svg/filters/feComposite.svg

Issue 779963002: Add the 'lighter' composite operation to feComposite. (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master

Patch Set: rebase Created 6 years 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 unified diff | Download patch

« no previous file with comments | « LayoutTests/svg/dom/script-tests/SVGAnimatedEnumeration-SVGFECompositeElement.js ('k') | LayoutTests/svg/filters/feComposite-operator-lighter.svg » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 <?xml version="1.0" standalone="no"?>	1 <?xml version="1.0" standalone="no"?>

2 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1 .1/DTD/svg11.dtd">	2 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1 .1/DTD/svg11.dtd">

3 <svg width="400" height="400" version="1.1" xmlns="http://www.w3.org/2000/svg">	3 <svg width="400" height="400" version="1.1" xmlns="http://www.w3.org/2000/svg">

4 <defs>	4 <defs>

5 <filter id="over" filterUnits="objectBoundingBox" primitiveUnits="objectBounding Box" x="0%" y="0%" width="100%" height="100%">	5 <filter id="over" filterUnits="objectBoundingBox" primitiveUnits="objectBounding Box" x="0%" y="0%" width="100%" height="100%">

6 <feFlood flood-color="#f00" flood-opacity="0.5" result="res1" x="0%" y="0%" width="75%" height="75%"/>	6 <feFlood flood-color="#f00" flood-opacity="0.5" result="res1" x="0%" y="0%" width="75%" height="75%"/>

7 <feFlood flood-color="#00f" flood-opacity="0.5" result="res2" x="25%" y="25% " width="75%" height="75%"/>	7 <feFlood flood-color="#00f" flood-opacity="0.5" result="res2" x="25%" y="25% " width="75%" height="75%"/>

8 <feComposite in2="res1" in="res2" operator="over"/>	8 <feComposite in2="res1" in="res2" operator="over"/>

9 </filter>	9 </filter>

10 <filter id="in" filterUnits="objectBoundingBox" primitiveUnits="objectBoundingBo x" x="0%" y="0%" width="100%" height="100%">	10 <filter id="in" filterUnits="objectBoundingBox" primitiveUnits="objectBoundingBo x" x="0%" y="0%" width="100%" height="100%">

(...skipping 14 matching lines...) Expand all Loading...
25 <filter id="xor" filterUnits="objectBoundingBox" primitiveUnits="objectBoundingB ox" x="0%" y="0%" width="100%" height="100%">	25 <filter id="xor" filterUnits="objectBoundingBox" primitiveUnits="objectBoundingB ox" x="0%" y="0%" width="100%" height="100%">

26 <feFlood flood-color="#f00" flood-opacity="0.5" result="res1" x="0%" y="0%" width="75%" height="75%"/>	26 <feFlood flood-color="#f00" flood-opacity="0.5" result="res1" x="0%" y="0%" width="75%" height="75%"/>

27 <feFlood flood-color="#00f" flood-opacity="0.5" result="res2" x="25%" y="25% " width="75%" height="75%"/>	27 <feFlood flood-color="#00f" flood-opacity="0.5" result="res2" x="25%" y="25% " width="75%" height="75%"/>

28 <feComposite in2="res1" in="res2" operator="xor"/>	28 <feComposite in2="res1" in="res2" operator="xor"/>

29 </filter>	29 </filter>

30 <filter id="arithmetic" filterUnits="objectBoundingBox" primitiveUnits="objectBo undingBox" x="0%" y="0%" width="100%" height="100%">	30 <filter id="arithmetic" filterUnits="objectBoundingBox" primitiveUnits="objectBo undingBox" x="0%" y="0%" width="100%" height="100%">

31 <feFlood flood-color="#f00" flood-opacity="0.2" result="res1" x="0%" y="0%" width="75%" height="75%"/>	31 <feFlood flood-color="#f00" flood-opacity="0.2" result="res1" x="0%" y="0%" width="75%" height="75%"/>

32 <feFlood flood-color="#00f" flood-opacity="0.5" result="res2" x="25%" y="25% " width="75%" height="75%"/>	32 <feFlood flood-color="#00f" flood-opacity="0.5" result="res2" x="25%" y="25% " width="75%" height="75%"/>

33 <feComposite in2="res1" in="res2" operator="arithmetic" k1=".5" k2=".5" k3=" .5" k4=".5"/>	33 <feComposite in2="res1" in="res2" operator="arithmetic" k1=".5" k2=".5" k3=" .5" k4=".5"/>

34 </filter>	34 </filter>

	35 <filter id="lighter" filterUnits="objectBoundingBox" primitiveUnits="objectBound ingBox" x="0%" y="0%" width="100%" height="100%">

	36 <feFlood flood-color="#f00" flood-opacity="0.5" result="res1" x="0%" y="0%" width="75%" height="75%"/>

	37 <feFlood flood-color="#00f" flood-opacity="0.5" result="res2" x="25%" y="25% " width="75%" height="75%"/>

	38 <feComposite in2="res1" in="res2" operator="lighter"/>

	39 </filter>

35 </defs>	40 </defs>

36 <rect x="10" y="10" width="50" height="50" filter="url(#over)"/>	41 <rect x="10" y="10" width="50" height="50" filter="url(#over)"/>

37 <text x="10" y="90">over</text>	42 <text x="10" y="90">over</text>

38 <rect x="70" y="10" width="50" height="50" filter="url(#in)"/>	43 <rect x="70" y="10" width="50" height="50" filter="url(#in)"/>

39 <text x="70" y="90">in</text>	44 <text x="70" y="90">in</text>

40 <rect x="130" y="10" width="50" height="50" filter="url(#out)"/>	45 <rect x="130" y="10" width="50" height="50" filter="url(#out)"/>

41 <text x="130" y="90">out</text>	46 <text x="130" y="90">out</text>

42 <rect x="10" y="110" width="50" height="50" filter="url(#atop)"/>	47 <rect x="10" y="110" width="50" height="50" filter="url(#atop)"/>

43 <text x="10" y="190">atop</text>	48 <text x="10" y="190">atop</text>

44 <rect x="70" y="110" width="50" height="50" filter="url(#xor)"/>	49 <rect x="70" y="110" width="50" height="50" filter="url(#xor)"/>

45 <text x="70" y="190">xor</text>	50 <text x="70" y="190">xor</text>

46 <rect x="130" y="110" width="50" height="50" filter="url(#arithmetic)"/>	51 <rect x="130" y="110" width="50" height="50" filter="url(#arithmetic)"/>

47 <text x="130" y="190">arithmetic</text>	52 <text x="130" y="190">arithmetic</text>

	53 <rect x="200" y="110" width="50" height="50" filter="url(#lighter)"/>

	54 <text x="210" y="190">lighter</text>

48 </svg>	55 </svg>

OLD	NEW