Fillforimages

[asturur]

Added standard fill properties to image ( gradient, patterns , color )

canvas:

output svg

behaviour with shadows:

<?xml version="1.0" encoding="UTF-8" standalone="no" ?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="700" height="600" viewBox="0 0 700 600" xml:space="preserve">
<desc>Created with Fabric.js 1.6.4</desc>
<defs></defs>
<linearGradient id="SVGID_1" gradientUnits="userSpaceOnUse" x1="-163.5" y1="-163.5" x2="163.5" y2="163.5">
<stop offset="0%" style="stop-color:rgb(175,236,217);stop-opacity: 1"/>
<stop offset="100%" style="stop-color:rgb(217,13,165);stop-opacity: 1"/>
</linearGradient>
<g transform="translate(388.5 335.5)">
<rect x="-163.5" y="-163.5" width="327" height="327" style="stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: url(#SVGID_1); fill-rule: nonzero; opacity: 1;"/>
<image xlink:href="https://upload.wikimedia.org/wikipedia/commons/1/16/Rainbow_trout_transparent.png" x="-163.5" y="-163.5" style="stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: url(#SVGID_1); fill-rule: nonzero; opacity: 1;" width="327" height="327" preserveAspectRatio="none"></image>
</g>
</svg>

close #2112