Box-shadow and CSS transforms skew not supported? Fiddle provided

[samsonkhisty]

Greetings,
http://jsfiddle.net/fuggfuggfugg/q572g6q0/4/ - This is my working example.
Tried searching but was unable to find anything with regards to skewed lines.

[samsonkhisty]

updated: http://jsfiddle.net/fuggfuggfugg/q572g6q0/6/

[samsonkhisty]

partly working code: http://codepen.io/fuggfuggfugg/pen/QwvvVq

[usmonster]

Follow #221 for box shadow.

[samsonkhisty]

Thanks.
Another update, this code works for skew. http://codepen.io/fuggfuggfugg/pen/ZYyBRv
My first example used :before & :after which probably isn't supported.

[usmonster]

@samsonkhisty What browser(s) are you testing in? IE, for example, apparently doesn't support pseudoelements in its implementation of .getComputedStyle until IE11... Though I see the same issue you're having on Chrome, so you're probably right that it's something not fully (or not correctly) implemented in html2canvas..

[samsonkhisty]

• My very first codepen (http://jsfiddle.net/fuggfuggfugg/q572g6q0/4/) does not work in any browser
  • transform:skew specified in :before/:after is not applied
  • Although gradients specified in the psuedoselectors are applied in the generated canvas
• The latest codepen (http://codepen.io/fuggfuggfugg/pen/ZYyBRv) works perfectly in Chrome, Safari and FF.
  • IE9: The HTML/CSS is perfect but canvas output on IE9 shows square boxes.
  • I haven't had the opportunity to test in any latest IE or Opera yet.

edit: I can attach some browser screenshots if you want.

[nyroDev]

I'm also experiencing this issue with css transform.
I'm using a css similar to http://codepen.io/AtomicNoggin/pen/fEish

After digging a little in the code, I have the feeling that it has something to do with the clip definition of the rotated element, but not sure to get the whole.picture.
If the main dev could give me a hint on how to solve this problem, I could give it a try.

[usmonster]

@samsonkhisty I just got a chance to check out your codepen example, and it looks fine in IE11 in both "Edge" and IE10 modes. IE9 mode throws some JS errors, though they seem to be coming from codepen itself, not html2canvas. According to their documentation page, they only support IE10+. Can you try with jsFiddle or jsbin?

[niklasvh]

Duplicate of #221