Jump to content
You must now use your email address to sign in [click for more info] ×

Recommended Posts

I'm working with an SVG file, trying to fill the inside area of a closed line with colour. I'm missing some fundamental information here because when I change the fill colour like I've done many times before, the colour inside the line changes but the area I want to fill remains transparent.  I expect that this will be an easy problem to resolve with the right SVG fundamental, but I'm not sure what to search on to find the answer myself. Everything  tried missed the mark.

Alberta11.svg

Link to comment
Share on other sites

Hello Westlake,

You can select the shape, do "Divide", delete (or keep) the shape on top of the layers. You can then put a filling color and adjust the stroke thickness to suit your needs.

svg.gif

Link to comment
Share on other sites

Well that's an Ai generated SVG with a bunch of proprietary extensions ...

<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
	<!ENTITY ns_extend "http://ns.adobe.com/Extensibility/1.0/">
	<!ENTITY ns_ai "http://ns.adobe.com/AdobeIllustrator/10.0/">
	<!ENTITY ns_graphs "http://ns.adobe.com/Graphs/1.0/">
	<!ENTITY ns_vars "http://ns.adobe.com/Variables/1.0/">
	<!ENTITY ns_imrep "http://ns.adobe.com/ImageReplacement/1.0/">
	<!ENTITY ns_sfw "http://ns.adobe.com/SaveForWeb/1.0/">
	<!ENTITY ns_custom "http://ns.adobe.com/GenericCustomNamespace/1.0/">
	<!ENTITY ns_adobe_xpath "http://ns.adobe.com/XPath/1.0/">
]>
<svg version="1.1" id="Layer_1" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"
	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="841.89px"
	 height="595.28px" viewBox="0 0 841.89 595.28" enable-background="new 0 0 841.89 595.28" xml:space="preserve">
<switch>
	<foreignObject requiredExtensions="&ns_ai;" x="0" y="0" width="1" height="1">
		<i:pgfRef  xlink:href="#adobe_illustrator_pgf">
		</i:pgfRef>
	</foreignObject>
	<g i:extraneous="self">
		<path d="M512.169,537c-0.164-4.513-0.292-9.023-0.52-13.529c-0.596-11.82-1.265-23.636-1.843-35.456
			c-0.355-7.25-0.515-14.512-0.906-21.76c-0.691-12.797-1.516-25.586-1.957-38.398c-0.277-8.036-0.783-16.064-1.22-24.096
			c-0.587-10.837-1.247-21.672-1.802-32.511c-0.369-7.183-0.556-14.378-0.915-21.563c-0.706-13.976-1.606-27.941-2.176-41.922
			c-0.441-10.912-1.17-21.811-1.538-32.723c-0.469-13.856-1.356-27.691-2.035-41.536c-0.537-11.038-1.133-22.072-1.543-33.117
			c-0.496-13.463-1.256-26.911-2.007-40.36c-0.155-2.754-0.651-3.252-3.455-3.257c-4.91-0.009-9.794,0.642-14.691,0.724
			c-11.115,0.182-22.216,0.988-33.35,0.173c-10.106-0.737-20.241-1.081-30.365-1.575c-13.912-0.678-27.826-1.342-41.739-1.991
			c-9.472-0.444-18.945-0.833-28.417-1.29c-2.669-0.13-5.33-0.412-7.995-0.626c-6.416,0-12.833,0-19.25,0
			c-1.126,7.171-1.809,14.398-2.387,21.626c-0.537,6.715-1.525,13.372-2.217,20.069c-0.94,9.099-2.009,18.186-2.965,27.284
			c-1.299,12.348-2.535,24.706-3.818,37.054c-1.079,10.402-2.185,20.798-3.282,31.198c-1.126,10.657-2.453,21.299-3.327,31.979
			c-1.049,12.833-3.386,25.536-3.766,38.433c-0.012,0.448-0.153,0.896-0.234,1.343c0,3.404,0,6.812,0,10.216
			c2.335,1.365,2.576,4.321,4.713,5.91c-3.07,1.112-3.707,1.727-3.25,3.909c0.79,3.739,2.401,6.962,6.525,8.047
			c2.187,0.576,4.308,1.077,4.479,4.01c0.062,1.031,0.979,1.825,1.934,2.352c1.207,0.657,2.433,1.276,3.642,1.927
   ...
   ...
   			c0.346,4.362,0.178,8.762,0.446,13.143c0.855,13.771,1.015,27.577,2.284,41.329c0.455,4.88,0.164,9.807,0.455,14.713
			c0.774,12.99,1.038,26.01,1.948,38.997c0.405,5.739,0.519,11.499,0.792,17.25C509.552,544.733,509.229,545.305,508.264,545.423z"
			/>
	</g>
</switch>
<i:pgf  id="adobe_illustrator_pgf">
	<![CDATA[
	eJzsvWmPHcl5Jvq9gf4P534wIA3MUsaWi64xwNnKowvLFiRZlmEMGhSbanHMJhtstjy6v/6+z7tF
RJ48VUVW6VojV0V3sSorT2RkLO/yvNvf/F+/+NWL/dfvf/f6RboZdl9+8Td/c/zw+uXH9x9+uuPL
u5+9ffvD9x8/4NKPfvnjXRhvBty1/9n8ld75m9cfvn/z/t1P+W/y11t8/kff//C7Dy+/ffnuTy9/
vPvRj3H9128+vn1Nf/nndx/x09cvQvixP5P6OL38SH8OP0nhJ3EIy276aRp3v/g53/Ly3R9ffv/9
m/8XN4xpTrh4eP/Du6/fvPvm8P5//3QXl7h7UcqwKyHtXoQSccf/ePPL19+vb7vJeca9ebmZUsz0
AbqU4sifugnzjE+e3r/64dvX7z7+4sP7V6+///74/u37D9//dHd4+/LVv9Pf9z8rX92+efuaXvXb
lx931MPAV0P86vDDm7df/+MP3/7uNc3COEe+nr7iHv75+5ff0Bvwz3x9+upn39KlX73++JFGSA/g
Cfzl3x/a59JVbj/6t1++/uYNLwfN1v/8sfX84f1337788O/4NL3WUm7iPKTdnMPNPC/jbtD7fv36
2+/e0hTzPOQYbsruRVxm+qf9xW6ml5MJyzcLTdjuxTikmzEP426mlV5yoSfcpLLMo36iztjrP755
/R8/3f3j+3evdar2Hz7+StYu52GQ7/qnX/7w9vWHf3735qO+/P5ni8zVz99//fotfaJ2cfv2JU8R
t1C/6x2/fvnhm9cfacHfv/3hI2/J2Z9C6/EPL//0GksY9CH/9N3rd79+/xse6ouY6EV34SYHWssS
d/NMv838CNorIUz+1FC/a9/oCN3YAyYs4S9oVf/pw5tv3rz7aQg0t+OSdcH//sObr+t6T/Qs+cav
cjM3/y/2v46Y3v/jx9fv7BVorx1/3uyc4ebnv8Kjz+++Pr7/FkvxPZ8S2jPvaDu9ff+N/rX+wn+j
Ln74Tt+FL3xFK/eLD2/eoeMvv/hH+dv81S/e/kB//PsP73/47mfvfv/+yy9+JDTiN69fER2g5f16
90+/+1/0C5133tW7X394+Yr6oN/9npuXb7778T0d0nt+eL2Tv9Jn+Vf69/f49yGfP73+PR3L2oFc
Pb/74+u3779rOvYrL999vfuXlx++e0jnv3j78t3LDzv+g/f9D2/+SH95SVNWe6/XHtQtbZ3vaJL4
Q3zP6hF33ND86UGPevnxD0TIXr/7+nvvXX5dDV4uPqTLX/3p29+9f/vm+2+9w/aK//zA0X18/eHd
...
...
...
md5C6woZqOVCNMjUA3knqzgz9JwJRFGgDdLosEkhCSVozKaiT4G4VJGcnsDXMEqDTYJEVCsozC5B
PyMXBCgrZW7oSiKfqyCzSA86R8nFQX5VwyRfpsDUgSKzDC0PL/owTJ07b1E1RPcrzEdhfmrideji
ZU5PlH4qmNqWd5gFbyh+qsoiuZE1UiqwCQMqLMIjG+xT2ZT4p7CyGvOQK5x3o0YmUA==
	]]>
	<![CDATA[
	AIKCNyhDMfQpMH+2yMxQ8oWDCk1xKpenHjCKICjKiLa5wC1ZapK5wwYjLoqEXAWFnUFef+jBpOAu
KNPkO8dgg2RS1AOEHuiuPCyjsQ1CYQQF7VYrBFskHwryBeyNvAVF5mjh3ik0f2UaHjplDMQn2tdo
IaLnRjAx0QDNVwq9UsxDZqILOyTVVQZRaLIBO6EQiXWL4RLQOClcIjCi47EgEDU4YBBiJGvcTaAR
4UCpyUT3D4VpRMP6FBQ7CmUbzItG0RHyL5BvUaVxAAlSFNtkRMLHK9GuwD1OXmpsMkj24OYghRjn
qjGEAKmpXA9C/c0kEhPQkjdVwhIII4mFwkydwm/oaabIM9AXKM1MCADZw2bFEByZRLgBUIMmI1xC
LxrOAYMtInmpMSYHCqdiUZNMwUGMMxvoI8J9isqBhNY1YI5Ik3zqErpxZWvAJqp1CAHVdsWKv0ho
VEioZSvIYtFwwXyGIsg6Fsgl8gfKEil2CYjVWEwGty6FnoFiFSQs3F+krRZhwwERc/e7qDL/bRFI
HxQQ5MUATZIofIyKg4KTgCawuxUWZyYPHw/KmLrBwsxgTskUgNEVQWdRZdJmiCOw0C364TmfAFZs
GoLKPtXIpYyODBa4V8lyFUlGi+StQaiKIdlBalG0Yt4mBjpRE4KeeXhfxFQbomeyl7AJNqhu+f8k
Cq5h+F1AcGgGWOF9A9UeiUxNELoSiyyD2LetWYnsBcwskGQK3aNNSuFmtCzRgtDQ58SaBPTWM5sH
d5LOvwRzBT0dGE4SeZoCzAHsERwb0Q5CNUBUMOcHqRC8VTcUNNQxPqmI/EUBJA42mejRZm8pPNNC
4PwDG8nthU0U8WVgkUCoiWwNnARRGf+WDHZoBSIFTk4eAxarFnUaMvchEKGAUqxqJgcrMt8dkR4Z
LQpGg5GkgUBBfJLHALgyWx/J8ic+sTwNZuVKKHLITKO4rEJRc5F5uclnSq5dCQMSGgsRojWmsJA4
0igbMmqMBkXJBebypvQT8jrZm5u+5W7OIsZy0d7DFoooFXGjayZ6tpAdKcTIcD/yBCdsZfEWImrU
KiitidRNjLEAAgxKwAGNV2ZRctNKjsIgvkCxXmShOCy0RSVaDrRRFIM3WbKHovBPPO0HrVEKnJqo
C2OTrjBhDkhWdYlShlQS0uhPkVUn3ciUVIOpX5Rmg01MXmCgizxXaD0z/wXqn2S10rcKE6ZMbcZE
Isx7ElgMBUwtnfviZBbTw3CExNQKbKXMIworEG6xSdEprGBIzHx3vYVuex5eZK4vbpajkxwbGObQ
t0BilXx9omwyx4elzKC3WhRN7nql6B85sFFzJOcc+V2xiaI65CulXca/BfI2mINJl61vJeaNVZn3
KcBZx1x5s6eZPzvrPDtwo/1M+XtFTKqdOmi+tE46zbcPTBZ86Tb/T2us2W5/9Zq91jc8GnvptLq9
r05rrPv69R9swY/sD6amNvZrmT//H/6eQ6w=
	]]>
</i:pgf>
</svg>

... thus it won't be handled the same manner by other SVG engines.

☛ Affinity Designer 1.10.8 ◆ Affinity Photo 1.10.8 ◆ Affinity Publisher 1.10.8 ◆ OSX El Capitan
☛ Affinity V2.3 apps ◆ MacOS Sonoma 14.2 ◆ iPad OS 17.2

Link to comment
Share on other sites

  • 3 years later...

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.