Generated svg add empty space after all content about clip-path-polygon HOT 10 CLOSED

Hey,

Thanks for raising the issue, I'll try to look at it soon!

Cheers,
Karol

from clip-path-polygon.

Try add attribute style="width:0;height:0;visibility:hidden;position:absolute;" to svg

from clip-path-polygon.

Hey,

I added display: none to all the svg elements I'm creating.

I hope it'll help :)

Thanks again!

Cheers,
Karol

from clip-path-polygon.

Thank you, but with display: none svg path not work

from clip-path-polygon.

Hmm, which browser do you use? It seems to be working with your codepen (when I add display: none manually).

from clip-path-polygon.

Did you use the newest file?

https://raw.githubusercontent.com/andrusieczko/clip-path-polygon/master/build/clip-path-polygon.min.js

from clip-path-polygon.

Open this demo in firefox
http://codepen.io/Zoxon/pen/Kzrvoz

With width:0;height:0;visibility:hidden;position:absolute; its work normaly

from clip-path-polygon.

Hey, you were right. Weirdly enough, it doesn't happen in all the cases, that's why I got confused.

Take a look at this PR: #22, let me know if it works for you, I'll merge it and npm publish it.

Thanks again!
Karol

from clip-path-polygon.

This work for me http://codepen.io/Zoxon/pen/GZzqav

var $svg = this._createSvgElement('svg').attr('width', 0).attr('height', 0).css({
    'width': 0,
    'height': 0,
    'visibility': 'hidden',
    'position': 'absolute'
});

I'm modify script inside my project. Test only on firefox and chrome

And better use this styles in future

  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;

Hiswe/gulp-svg-symbols#23 (comment)

from clip-path-polygon.

Hi,

I added
'width': 0, 'height': 0, 'visibility': 'hidden', 'position': 'absolute'

I'm going to merge it and publish as 0.10.

Hopefully it works for everybody now! :)

Cheers,
Karol

from clip-path-polygon.