Changing the color of an go.Picture

@ahmetgundogdu wrote:

I have go.Picture with an SVG file as a source. like the picture below

Untitled2.png995×942 32.6 KB

I want to dynamically change the color of the marked lines
is this possible in gojs?

<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 23.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 58 58" style="enable-background:new 0 0 58 58;" xml:space="preserve">
<g id="_x34_">
	<path style="fill:#333333;" d="M53.725,5.692c0.002-0.037-0.002-0.072-0.005-0.108c-0.006-0.083-0.021-0.163-0.047-0.242
		c-0.011-0.035-0.02-0.068-0.036-0.101c-0.049-0.108-0.11-0.21-0.197-0.297c-0.087-0.087-0.189-0.148-0.297-0.197
		c-0.034-0.015-0.068-0.024-0.102-0.036c-0.079-0.026-0.158-0.041-0.241-0.047c-0.037-0.003-0.072-0.006-0.109-0.005
		c-0.098,0.004-0.195,0.023-0.29,0.056c-0.017,0.006-0.034,0.006-0.051,0.013c-0.003,0.001-0.007,0.001-0.01,0.003L5.119,24.951
		c-0.369,0.158-0.607,0.521-0.606,0.922c0.001,0.401,0.242,0.763,0.612,0.919l18.625,7.842l7.842,18.624
		c0.156,0.37,0.518,0.611,0.919,0.612c0.001,0,0.002,0,0.003,0c0.4,0,0.762-0.238,0.919-0.606l20.221-47.22
		c0.001-0.003,0.001-0.006,0.002-0.009c0.008-0.019,0.008-0.039,0.015-0.058C53.702,5.883,53.721,5.789,53.725,5.692z M48.358,8.612
		L24.281,32.688l-16.21-6.825L48.358,8.612z M32.521,50.312l-6.825-16.21l24.077-24.076L32.521,50.312z"/>
	<path style="fill:#4A90E2;" d="M20.22,38.163c-0.391-0.391-1.023-0.391-1.414,0l-8.5,8.5c-0.391,0.391-0.391,1.023,0,1.414
		c0.195,0.195,0.451,0.293,0.707,0.293s0.512-0.098,0.707-0.293l8.5-8.5C20.61,39.187,20.61,38.554,20.22,38.163z"/>
	<path style="fill:#4A90E2;" d="M11.22,34.163c-0.391-0.391-1.023-0.391-1.414,0l-8.5,8.5c-0.391,0.391-0.391,1.023,0,1.414
		c0.195,0.195,0.451,0.293,0.707,0.293s0.512-0.098,0.707-0.293l8.5-8.5C11.61,35.187,11.61,34.554,11.22,34.163z"/>
	<path style="fill:#4A90E2;" d="M24.22,47.163c-0.391-0.391-1.023-0.391-1.414,0l-8.5,8.5c-0.391,0.391-0.391,1.023,0,1.414
		c0.195,0.195,0.451,0.293,0.707,0.293s0.512-0.098,0.707-0.293l8.5-8.5C24.61,48.187,24.61,47.554,24.22,47.163z"/>
</g>
<g id="Layer_1">
</g>
</svg>

Posts: 2

Participants: 2

Read full topic