SVG - get pixel color from <image> tag?

Is it possible to get color or even pixel information from SVG?

<svg id="ledse"  viewBox="0 0 100 100" width="100%" height="100%"  xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" > 
   <image xlink:href="test.jpg" x="0" y="0" height="50px" width="50px"/>
</svg>

      

This is what I want to do:

enter image description here

I have black dots below the image. I need to put color on it from squares with more dots. Any idea how to do this in SVG?

+3


source to share





All Articles