I have a file svg 1095 bytes that works in chrome, but Firefox and Internet Explorer Remove somehow one of the components, you can solve the problem?

The bottom rectangle is missing, if I change the top of this rectangle invisible 1 pixel upward or down it becomes a 1 pixel line, very strange.

<?xml version="1.0" standalone="no"?>
<svg width="3cm" height="3cm" viewBox="0 0 1000 1000"
     xmlns="http://www.w3.org/2000/svg" version="1.2" baseProfile="tiny">
  <title>Genetics Logo</title>
  <desc>Genetics Logo</desc>

<mask id="circles">
  <rect fill="white" width="100%" height="100%"/>
  <circle fill="black" cx="846" cy="800" r="170"/>
  <circle fill="black" cx="500" cy="200" r="170"/>
  <circle fill="black" cx="500" cy="600" r="190"/>
  <circle fill="black" cx="154" cy="800" r="170"/>
</mask>

  <polyline stroke="black" stroke-width="140" points="154,800 500,200" mask="url(#circles)"/>
  <polyline stroke="black" stroke-width="140" points="846,800 500,200" mask="url(#circles)"/>
  <polyline stroke="black" stroke-width="140" points="154,800 846,800" mask="url(#circles)"/>

  <circle class="CtlPoint" cx="154" cy="800" r="130"/>
  <circle class="CtlPoint" cx="846" cy="800" r="130" />
  <circle class="CtlPoint" cx="500" cy="200" r="130" />
  <circle class="CtlPoint" cx="500" cy="600" r="150" fill="#C00"/>
</svg>

Imagine that the lines had no stroke. The top two lines are tilted so that if you drew a box round them aligned to x and there axes would not empty.

The bottom line is horizontal. If you exclude his race-width of the rectangle enclosing has no height.

It turns out it's important!

You do not specify one attribute maskUnits so the default is used http://www.w3.org/TR/SVG/masking.html#Masking which is objectBoundingBox and it turns out that this (http://www.w3.org/TR/SVG/coords.html#ObjectBoundingBox) is incompatible with forms that have no framework encompassing.

The specification SVG that specifically said...

Keyword objectBoundingBox should not be used when the geometry of the applicable element has no width or no height, as in the case of a line horizontal or vertical, even when the line has actual thickness seen due to having a width of line not zero as the width of the line is ignored for limit box calculations. When the geometry of the applicable element has no width or height and objectBoundingBox is specified, then the given effect (e.g., a gradient or a filter) will be ignored.

Tags: Firefox

Similar Questions

Maybe you are looking for

  • Google does not

    I came across a curious problem try to use Google search. Found a solution. But not sure what caused the problem. When I tried to refine a search (edit the text in the search text box) the browser would not refresh on hitting back or their search but

  • I can't pair my keyboard for window 7 after re - install window

    Previously, I can use my keyboard with osx and window. After that I have decided to re - install Windows 7 and reinstall the website of apple bootcamp. It cannot match in window but still work under osx. I can add my keyboard, but it does not work. I

  • Missing drivers after the upgrade to Windows 7 Ultimate

    I upgraded my HP Pavilion dv4 5113 Windows Home Premium from Windows Ultimate edition. I can't the following drivers for my machine upgraded. His works well but the yellow marks when you open computer, management and Management is boring please help.

  • IP address of the printer continues to change

    A large part of the time that my wireless printer is offline compared to computers on my local network, because IP address has been changed to a value other than what the computer thinks it should be.  So I have to figure out what is the IP address o

  • Cisco CUE IVR and DB interaction

    Hello I have to cretae an IVR script that collects a string (entry of the appellant) Reed figures check against a database if this string exists (return true or false). Is it possible using a MARKER (not CCX) and if yes what licenses do I need? Read