[Webkit-unassigned] [Bug 194903] Transform-origin on SVG breaks when zoom in or out
bugzilla-daemon at webkit.org
bugzilla-daemon at webkit.org
Fri Mar 15 15:34:51 PDT 2019
https://bugs.webkit.org/show_bug.cgi?id=194903
--- Comment #23 from Joseph Pecoraro <joepeck at webkit.org> ---
Comment on attachment 363972
--> https://bugs.webkit.org/attachment.cgi?id=363972
Patch
View in context: https://bugs.webkit.org/attachment.cgi?id=363972&action=review
> LayoutTests/ChangeLog:8
> + Test still needs some work to avoid antialiasing diffs.
To avoid antialiasing diffs you could use SVG transforms:
<!DOCTYPE html>
<html>
<head>
<style>
body {
margin: 0;
}
rect {
transform-box: view-box;
}
</style>
<script>
function doTest()
{
const zoomCount = 2;
for (let i = 0; i < zoomCount; ++i)
eventSender.zoomPageIn();
}
window.addEventListener('load', doTest, false);
</script>
</head>
<body>
<svg width="500" height="400" viewBox="0 0 500 400" xmlns="http://www.w3.org/2000/svg">
<rect x="50" y="50" width="80" height="80" fill="gray"/>
<rect x="50" y="50" width="80" height="80" fill="green" transform="rotate(90 130 130)"/>
<rect x="250" y="100" width="80" height="80" fill="gray"/>
<rect x="210" y="60" width="120" height="120" fill="green" transform="rotate(90 330 180)"/>
<rect x="50" y="250" width="80" height="80" fill="gray"/>
<rect x="50" y="250" width="80" height="80" fill="green" transform="translate(80 0)"/>
</svg>
</body>
</html>
But I'm not sure if this will be a great test then, because we'd like to compare to CSS transforms.
--
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20190315/7723ade6/attachment-0001.html>
More information about the webkit-unassigned
mailing list