<html>
<head>
<base href="https://bugs.webkit.org/" />
</head>
<body><table border="1" cellspacing="0" cellpadding="8">
<tr>
<th>Bug ID</th>
<td><a class="bz_bug_link
bz_status_NEW "
title="NEW - Wrong Orientation of the screenshot snapped to Canvas from HTML5 video"
href="https://bugs.webkit.org/show_bug.cgi?id=165057">165057</a>
</td>
</tr>
<tr>
<th>Summary</th>
<td>Wrong Orientation of the screenshot snapped to Canvas from HTML5 video
</td>
</tr>
<tr>
<th>Classification</th>
<td>Unclassified
</td>
</tr>
<tr>
<th>Product</th>
<td>WebKit
</td>
</tr>
<tr>
<th>Version</th>
<td>Safari 10
</td>
</tr>
<tr>
<th>Hardware</th>
<td>Macintosh
</td>
</tr>
<tr>
<th>OS</th>
<td>macOS 10.12
</td>
</tr>
<tr>
<th>Status</th>
<td>NEW
</td>
</tr>
<tr>
<th>Severity</th>
<td>Major
</td>
</tr>
<tr>
<th>Priority</th>
<td>P2
</td>
</tr>
<tr>
<th>Component</th>
<td>Canvas
</td>
</tr>
<tr>
<th>Assignee</th>
<td>webkit-unassigned@lists.webkit.org
</td>
</tr>
<tr>
<th>Reporter</th>
<td>lon9man@gmail.com
</td>
</tr>
<tr>
<th>CC</th>
<td>dino@apple.com
</td>
</tr></table>
<p>
<div>
<pre>Created <span class=""><a href="attachment.cgi?id=295397" name="attach_295397" title="screenshot of the jsfiddle-sources">attachment 295397</a> <a href="attachment.cgi?id=295397&action=edit" title="screenshot of the jsfiddle-sources">[details]</a></span>
screenshot of the jsfiddle-sources
Steps to reproduce:
example sources: <a href="http://jsfiddle.net/longman/umjkv6eg/">http://jsfiddle.net/longman/umjkv6eg/</a>
description:
1. I have video with Rotation 180-degree. Safari's player shows it with correct automatically fixed Rotation (as 0-degree)
2. i try to take screenshot from it to HTML5 Canvas
Actual results:
i got screenshot with different Rotation than in video player, so:
1. in player i see correct automatically fixed 0-degree Rotation
2. in canvas i see screenshot with WRONG 180-degree Rotation (upside down)
Expected results:
i must to see in canvas screenshot with the same Rotation, which i see in video player (in my example both must be 0-degree).
FYI. you can run jsfiddle-example in Chrome and it works correctly, Firefox works as Safari in wrong way. please make behavior the same as in Chrome, it is more logically applicated. thanks!</pre>
</div>
</p>
<hr>
<span>You are receiving this mail because:</span>
<ul>
<li>You are the assignee for the bug.</li>
</ul>
</body>
</html>