I'm attempting to mask out the circles with the gearMiddle, it is as straight forward as, what you want to mask out, you make black, what you want to keep you make white (punch out effect). How do I keep what is white to which I want to keep, visible; currently it's not visible ? <mask> <path class="gearMiddle" d="M70,11.6C70,17.9,65.3,23,59.5,23c-1.5,0-2.9-0.3-4.2-1c0.3,0.2-7-3.2-13.4-3.2C36.1,18.7,26,23,23.5,23 c-5.7,0-10.2-5.1-10.2-11.3c0-6.3,4.6-11.3,10.2-11.3c1.7,0,9.5,2.9,16.7,3.2c6.9,0.3,17.2-3.2,19.3-3.2C65.3,0.3,70,5.4,70,11.6z" fill="white" stroke="#4d5056" stroke-width=".83"/> <circle class="mCircleGearOne" cx="25.3" cy="11.3" r="6.2" /> <circle class="mCircleGearTwo" cx="58.6" cy="11.3" r="6.2" /> </mask> <path class="RGearLink" d="M82.4,20c-0.5,0.1-1,0.2-1.5,0.2H68c-0.7,0-1.4-0.1-2-0.3c2.4-1.9,4-5,4-8.6c0-3.6-1.6-6.7-4-8.6 c0.6-0.2,1.3-0.3,2-0.3h12.9c0.5,0,1,0.1,1.5,0.2c-2.5,1.9-4.2,5.1-4.2,8.8C78.2,14.9,79.9,18.2,82.4,20z" fill="black" /> <path class="LGearLink" d="M17.1,20.4c-0.5,0.1-1,0.2-1.5,0.2H2.7c-0.7,0-1.4-0.1-2-0.3c2.4-1.9,4-5,4-8.6c0-3.6-1.6-6.7-4-8.6 c0.6-0.2,1.3-0.3,2-0.3h12.9c0.5,0,1,0.1,1.5,0.2c-2.5,1.9-4.2,5.1-4.2,8.8C12.9,15.3,14.6,18.5,17.1,20.4z" fill="black"/> </svg>

Member Avatar
Member Avatar
+0 forum 10

I've been looking for an answer on this problem, from what I know you cannot embed, whether that is using for example <object> a SVG file and style that SVG file externally, whether that is a external or embedded CSS file if there is a method that I'm unaware of plesae guide me to the page.

Member Avatar
Member Avatar
+0 forum 2

Hi, I need to have the SVG graphic eraser, animate and erase the SVG graphic, previous. I've tried aligning classes as in @keyframe .className; as well as nesting a class within @keyframe with no success ? [[Example](https://jsbin.com/qoberofuza/edit?html,css,output)]

Member Avatar
Member Avatar
+0 forum 1

I'm aware there are SVG minimizers but I don't want to minimize an SVG file to the point it looses it's appearance. Any suggestions on how I can minmize a 600+ line SVG file ? The minimzers I've come across online, don't really minmize the file, some just strip white spaces and other fluffy but there still exists hundreds of lines of SVG code.

Member Avatar
Member Avatar
+0 forum 1

Hi I was wondering how to do "for" loop in svg, i need it to do something like this: 500 rectangles i rows, simple black rectangels. I did this with Canvas but i dont know how to make it with svg. Could you help me with this??

Member Avatar
Member Avatar
+0 forum 11

I am new to svg , I need to draw a inner or outer path for the svg editor generated svg path , i am unable to draw . I tried a lot but i cant . help me.

Member Avatar
Member Avatar
+0 forum 3

I've had some reports that some SVG files I've created work, but without the text. Is there a problem of rendering SVG text on smartphones and browsers? Here are my test files: http://www.ransen.com/svg1.html http://www.ransen.com/svg2.html http://www.ransen.com/svg3.html The first two have very small text, but the last one has text which should be very visible. Is this a known problem?

Member Avatar
+0 forum 0

Hello, I want to include SVG into a webpage and to increase its support on older browsers I decided to use [Ample SDK](http://www.amplesdk.com/) to render the images. Unfortunately, Ample SDK does not provide a straightforward guide for people who have not extensive knowledge in some of its features. Its tutorial and example pages jump from stupid (I'm sorry but it appears to be obvious that you need a browser in order to test your webpage) to very complex in one step. What I would have appreciated is a step by step beginners guide. But that's not my point. I rather …

Member Avatar
Member Avatar
+0 forum 6

Hi everyone, I'm working on a website and need some help. I'm really not experienced with this stuff and I'm using wix with some borrowed html snippets. I wanted to use a vectorized image as a background that would scale to fit the browser on any screen as best as it could based on the aspect ratio. The thing is, I only have the files as eps and ai files. I have to crop some of the files and export them as svg files, but I haven't found any program that will let me do that in one go. I've …

Member Avatar
Member Avatar
+0 forum 5

Hi, Has anyone animated a complext svg file ? I would like to know your experience ? Browser support? Time It Took ? Anything unexpected ? if possible a link on ur work would be great. Appreciate it. Vishal

Member Avatar
+0 forum 0

The End.