<
html
>
<
title
>SVG Filter</
title
>
<
body
>
<
svg
width
=
"640"
height
=
"550"
viewBox
=
"0 0 640 550"
>
<
defs
>
<
filter
id
=
"new"
filterUnits
=
"objectBoundingBox"
x
=
"0%"
y
=
"0%"
width
=
"100%"
height
=
"100%"
>
<
feComponentTransfer
in
=
"BackgroundImage"
result
=
"A"
>
<
feFuncA
type
=
"table"
tableValues
=
"0 0 1 1"
/>
<
feFuncB
type
=
"discrete"
tableValues
=
"0 1 1 0"
></
feFuncB
>
<
feFuncG
type
=
"gamma"
amplitude
=
"3"
exponent
=
"3"
offset
=
"0"
></
feFuncG
>
<
feFuncR
type
=
"linear"
slope
=
"1.5"
intercept
=
"2"
></
feFuncR
>
</
feComponentTransfer
>
</
filter
>
</
defs
>
<
image
x
=
"10"
y
=
"10"
width
=
"280"
height
=
"350"
preserveAspectRatio
=
"true"
xlink:href
=
"C:/Users/pc/Desktop/gfg/Capture26.png"
/>
<
image
x
=
"310"
y
=
"10"
width
=
"280"
height
=
"350"
preserveAspectRatio
=
"true"
filter
=
"url(#new)"
xlink:href
=
"C:/Users/pc/Desktop/gfg/Capture26.png"
/>
</
svg
>
</
body
>
</
html
>