Fix: Noto flag emojis exceed bounds

[cbruegg]

Hey there,

with the Skia renderer, flag emojis (Noto) such as 🇯🇵 exceed their bounds.

This is what the Japan flag emoji looks like:

<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="900" height="600">
<rect fill="#fff" height="600" width="900"/>
<circle fill="#bc002d" cx="450" cy="300" r="180"/>
</svg>

Other emojis are properly sized and look like this:

<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 128 128" style="enable-background:new 0 0 128 128;" xml:space="preserve">
...

The main difference I could spot is that flag emojis seem to have an explicit width and height, while others use a viewBox. In this case, Skia seems to ignore the call to image.dom.setContainerSize(...) in SVGImage.

I've found a workaround that scales both kinds of emojis better by using canvas.scale(scaleFactor, scaleFactor).

The result looks like this:

[SalomonBrys]

Nice catch!
Thanks 👍