<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 - outermost SVG currentScale should only scale SVG Element"
href="https://bugs.webkit.org/show_bug.cgi?id=157567">157567</a>
</td>
</tr>
<tr>
<th>Summary</th>
<td>outermost SVG currentScale should only scale SVG Element
</td>
</tr>
<tr>
<th>Classification</th>
<td>Unclassified
</td>
</tr>
<tr>
<th>Product</th>
<td>WebKit
</td>
</tr>
<tr>
<th>Version</th>
<td>Safari 9
</td>
</tr>
<tr>
<th>Hardware</th>
<td>Macintosh
</td>
</tr>
<tr>
<th>OS</th>
<td>OS X 10.11
</td>
</tr>
<tr>
<th>Status</th>
<td>NEW
</td>
</tr>
<tr>
<th>Severity</th>
<td>Normal
</td>
</tr>
<tr>
<th>Priority</th>
<td>P2
</td>
</tr>
<tr>
<th>Component</th>
<td>SVG
</td>
</tr>
<tr>
<th>Assignee</th>
<td>webkit-unassigned@lists.webkit.org
</td>
</tr>
<tr>
<th>Reporter</th>
<td>self@mathiasmenzel.de
</td>
</tr>
<tr>
<th>CC</th>
<td>zimmermann@kde.org
</td>
</tr></table>
<p>
<div>
<pre>Created <span class=""><a href="attachment.cgi?id=278625" name="attach_278625" title="opera scale">attachment 278625</a> <a href="attachment.cgi?id=278625&action=edit" title="opera scale">[details]</a></span>
opera scale
When setting the currentScale attribute on the outermost SVG inline Element in a web page, the whole web page is scaled, just as if cmd+ is pressed.
According to the SVG specs <a href="http://www.w3.org/TR/SVG2/struct.html#InterfaceSVGSVGElement">http://www.w3.org/TR/SVG2/struct.html#InterfaceSVGSVGElement</a>, the following (last) step should be performed when setting currentScale (on the outermost SVG Element):
"Set the document's magnification and panning transform to [scale 0 0 scale e f]."
This clearly references the SVG document and not the web page document.
Actually Opera presumably does it right (Version 12.16 , Build 1860), allowing for Web pages with MDI style SVG Canvases.
btw: the currentTranslate (SVGPoint) is implemented correctly, this just translates the SVG document and keeps the html elements on the webpage untouched.
Example: With this markup:
----
<html><head>
<meta charset="UTF-8">
<title>SVG</title>
</head>
<body>
<h1>SVGCanvas</h1>
<div style="width: 600px; height: 400px; overflow: auto; border: 1px solid red;">
<svg xmlns="<a href="http://www.w3.org/2000/svg">http://www.w3.org/2000/svg</a>" xmlns:xlink="<a href="http://www.w3.org/1999/xlink">http://www.w3.org/1999/xlink</a>" version="1.1" baseProfile="full" width="600" height="400" viewBox="0 0 600 400" id="svg">
<rect id="r1" x="100" y="100" width="100" height="100" fill="green"></rect>
</svg>
</div>
</body>
</html>
----
go to console and do:
<span class="quote">> document.getElementById('svg').currentScale = 2</span >
BTW: The link in the bugzilla user's guide (<a href="https://bugs.webkit.org">https://bugs.webkit.org</a> -> Bugzilla's Users Guide -> 5.6.1 Reporting a new Bug (<a href="https://landfill.bugzilla.org/bugzilla-3.2-branch/page.cgi?id=bug-writing.html">https://landfill.bugzilla.org/bugzilla-3.2-branch/page.cgi?id=bug-writing.html</a>)) is broken.</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>