blob: 2b6061be5dbde360f259a3b3d3076ef21668961f (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
|
<!DOCTYPE html>
<title>SVGTextContentElement.getSubStringLength on Emoji with ligatures</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<svg>
<g font-size="50" text-rendering="geometricPrecision">
<text y="50">👦</text>
<text y="100">👨👩👧👦</text>
<text y="50" x="100">👨</text>
<text y="100" x="100">👩🏽🌾</text>
<text y="50" x="150">👨👦</text>
<text y="100" x="150">👱🏽♂️</text>
<text y="50" x="200">🎅🏽</text>
</g>
</svg>
<script>
test(function() {
for (const element of Array.from(document.getElementsByTagName('text'))) {
const subStringLength = element.getSubStringLength(0, element.getNumberOfChars());
const bboxWidth = element.getBBox().width;
// Expect the value computed by getSubStringLength() to roughly
// match the value computed for the bbox.
assert_approx_equals(subStringLength, bboxWidth, 1);
}
});
</script>
|
