Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(981)

Unified Diff: third_party/WebKit/LayoutTests/svg/text/bbox-with-glyph-overflow-zoomed.html

Issue 1505713002: Include glyph overflow in SVG text bounding boxes (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: More expectations Created 5 years ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
Index: third_party/WebKit/LayoutTests/svg/text/bbox-with-glyph-overflow-zoomed.html
diff --git a/third_party/WebKit/LayoutTests/svg/text/bbox-with-glyph-overflow-zoomed.html b/third_party/WebKit/LayoutTests/svg/text/bbox-with-glyph-overflow-zoomed.html
new file mode 100644
index 0000000000000000000000000000000000000000..c2886553776a480f57c75b71d4f5ac40c1f5fb28
--- /dev/null
+++ b/third_party/WebKit/LayoutTests/svg/text/bbox-with-glyph-overflow-zoomed.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<style>
+ html {
+ zoom: 1.8;
+ }
+ text {
+ font-size: 12px;
+ font-style: italic;
+ }
+ rect {
+ stroke-width: 1px;
+ stroke: green;
+ fill: transparent;
+ }
+ #middleGlyphOverhang {
+ font-family: cursive;
+ }
+</style>
+No glyphs should extend outside the rects.<br>
+<svg id="svg" width="200" height="100">
+ <defs>
+ <path id="path" d="M20 20 L 200 20"/>
+ </defs>
+
+ <text id="pathText">
+ <textPath xlink:href="#path">ffffffffffffffffffffffff</textPath>
+ </text>
+ <text id="tspanText" x="20" y="50">ffffff<tspan font-size="24px">ffffff</tspan></text>
+ <text id="middleGlyphOverhang" x="20" y="75">'faQ'</text>
+</svg>
+<script>
+ [pathText, tspanText, middleGlyphOverhang].forEach(function (textElement) {
+ var rect = document.createElementNS('http://www.w3.org/2000/svg', 'rect');
+ rect.setAttribute('x', textElement.getBBox().x);
+ rect.setAttribute('y', textElement.getBBox().y);
+ rect.setAttribute('width', textElement.getBBox().width);
+ rect.setAttribute('height', textElement.getBBox().height);
+ document.getElementById('svg').appendChild(rect);
+ });
+</script>

Powered by Google App Engine
This is Rietveld 408576698