| Index: third_party/WebKit/LayoutTests/svg/text/bbox-with-glyph-overflow-on-path.html
|
| diff --git a/third_party/WebKit/LayoutTests/svg/text/bbox-with-glyph-overflow-on-path.html b/third_party/WebKit/LayoutTests/svg/text/bbox-with-glyph-overflow-on-path.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..d199c8a61029bfd0971ba30f1dd71d91095dcc51
|
| --- /dev/null
|
| +++ b/third_party/WebKit/LayoutTests/svg/text/bbox-with-glyph-overflow-on-path.html
|
| @@ -0,0 +1,50 @@
|
| +<!DOCTYPE html>
|
| +<style>
|
| + text {
|
| + font-size: 50px;
|
| + 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="700" height="500">
|
| + <defs>
|
| + <path id="straightPath" d="M50 100 L 400 100"/>
|
| + <path id="backwardsPath" d="M400 150 L 50 150"/>
|
| + <path id="slantedPath" d="M50 250 L 400 350"/>
|
| + <path id="middleGlyphOverhangPath" d="M50 450 L 400 450"/>
|
| + </defs>
|
| +
|
| + <text id="straightText">
|
| + <textPath xlink:href="#straightPath">ffffffffffffffffffffffff</textPath>
|
| + </text>
|
| +
|
| + <text id="backwardsText">
|
| + <textPath xlink:href="#backwardsPath">ffffffffffffffffffffffff</textPath>
|
| + </text>
|
| +
|
| + <text id="slantedText">
|
| + <textPath xlink:href="#slantedPath">ffffffffffffffffffffffff</textPath>
|
| + </text>
|
| +
|
| + <text id="middleGlyphOverhang">
|
| + <textPath xlink:href="#middleGlyphOverhangPath">'faQ'</textPath>
|
| + </text>
|
| +</svg>
|
| +<script>
|
| + [straightText, backwardsText, slantedText, 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>
|
|
|
Chromium Code Reviews
Issue 1505713002:
Include glyph overflow in SVG text bounding boxes (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@master