Phantomjs ignores paint-order attribute on svg path #14733

Open
adamgamble opened this Issue Jan 6, 2017 · 1 comment

Projects

None yet

2 participants

@adamgamble
  1. Which version of PhantomJS are you using? Tip: run phantomjs --version.
    2.1.1
  2. What steps will reproduce the problem?
  3. phatomjs test.js
    test.js
var page = require('webpage').create();
page.open('https://static.vecteezy.com/system/user_svg_versions/svgs/000/000/136/original/6992e1ff-ab9b-41b3-b38e-b2622048cb8e.svg?1483742968', function() {
  page.render('stroke.png');
  phantom.exit();
});
  1. Which operating system are you using?
    OS X, & Linux
  2. Did you use binary PhantomJS or did you compile it from source?
    Got it from brew, also used svg2png
  3. Please provide any additional information below.

Phantomjs seems to be ignoring the paint-order attribtue which would cause the stroke to be behind the fill of this text. Instead the stroke is on top and you can't see the fill.

Here is what phantomjs renders:
stroke

Here is what it should look like (screenshot from chrome):
6992e1ff-ab9b-41b3-b38e-b2622048cb8e_svg

@Vitallium
Collaborator

Could you please try it with 2.5 beta binary?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment