Skip to main content
N
nikitak39159883
Inspiring
December 14, 2017
Answered

SVG fill

  • December 14, 2017
  • 2 replies
  • 3823 views

I am creating graphics for a kids learning app. The activity for a kid is to colour the objects with the colour values given in the app.

the object which needs to be coloured is a compound path with white in fill.

I convert this to SVG and proceed further.

The problem which I face sometimes is the object does not get coloured by any colour values. It remains white only. I actually want it to be coloured with any colour I select.

This topic has been closed for replies.
Correct answer nikitak39159883

Thank you.

The programmers should be able to fill this. But as KrisHunt already wrote, they might not be able to target it. You will need to give it a name .And maybe the sub-grouping also irritates them, but if they inspect the file hierarchy they should be able to see that.

Did they tell you anything about how the file should be structured? I noticed some naming in the file, so they must have told you something.

When they can't apply color to the frogs, there should be some sort of errors in their debugging.

Don't they tell you anything about the details? You will need to discuss with them about naming and hierarchy.


hey, the problem is solved...only sum changes in SVG dialogue box was done and we were able to colour the frog.

Anyways, thnq so much for your help and efforts.

2 replies

Kris Hunt
Kris Hunt
Legend
December 14, 2017

To be clear, do you have any issues with changing the color of the white compound shape in Illustrator? Or is this just a problem the coding department is having with your exported SVG?

N
nikitak39159883Author
Inspiring
December 14, 2017

I can change the colour in illustrator but the coding department is having problem with my exported SVG and they come to us to check whether we have converted it right?

Kris Hunt
Kris Hunt
Legend
December 14, 2017

I don't know a whole lot about SVGs, but it looks like the essential elements are a path with a class name and some CSS that assigns a fill to that class. Have you looked at the SVG code? If you place it in a HTML document, can you change the color of the object by assigning a new hex color code to the fill? Could you maybe post the SVG code here?

Monika Gause
Community Expert
Monika GauseCommunity Expert
Community Expert
December 14, 2017

And you issue is inside Illustrator or with the coding of the app?

N
nikitak39159883Author
Inspiring
December 14, 2017

I deal with the designing part. We have different coding dept for this. I just want to know where exactly the issue is..?

In designing or in converting to SVG ? If I am doing the steps right while converting it to SVG or designing then I can tell the coding dept to check from their side.

These are the things which I do for the same activity..I make sure that the path which needs to be filled is a "compound path" and it has a white fill "FFFFFF". Is there anything else that I have to do ?

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices