title: Need to change color of an SVG Image in QML
body: <p>I'm trying to design a synoptic panel in Qt-QML (for desktop). The interface should be used with fixed resolution, so I prefer to use PNG images for different graphical elements to create schema (pipe, pipe-curve, pipe-t, pump, valve, etc.).
  Now the problem is how to change fill color of different components: I'd like that user can choise the color (in real case scenario there are different liquid that can be used), but I cannot find how do that in QML.
  I thinked to use my PNG components as background, and then drawing a Rectangle over, masked by a SVG mask.. But on the web I can find only qt-components "MaskedItem" not available for desktop. I'm wondering if there's no way to put over my PNG an SVG image with one color (black and transparent), and then change color's property of this in QML.
  Anybody have got any ideas? Thanks really much.</p>
  
  <p>(<strong>EDIT</strong> better explain)</p>
  
  <p>The problem is more complicated than I can be able to explain.
  I have created several QML components with specific properties, each component has a background image (PNG) with transparency. Now, what I need is fill a defined area of PNG image using a variable color "x", when the main QML is in a particular state (setted by Qt application).
  My problem was: how to fill the area of a PNG/SVG with a variable color, from QML? What I need is placing my "background" image, then apply over this a "Rectangle" component (color "x"), and finally put a mask on this Rectangle, to define what area of this must be visible, preserving the background (the bottom image of before).
  I hope I explained myself better now.</p>
  
  <p>(<strong>EDIT</strong> solution)
  After a lot of hours, I was not able to find any other solutions than using qt-components MaskedItem. Below i have posted solution I used.
  Thank to you all for interest.</p>