Databases
StackOverflow2013
Postsdbo
PO
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    text
    copied!<p>I removed the translation and added a proper viewBox attribute on <code>svg</code>. Here's the final product:</p> <pre><code>&lt;?xml version="1.0" standalone="no"?&gt; &lt;!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd"&gt; &lt;svg version="1.1" viewBox='156 -1421 1733 1606' xmlns="http://www.w3.org/2000/svg"&gt; &lt;g transform="scale(1, -1)"&gt; &lt;path d="M1879 1108Q1889 1073 1889 1038Q1889 935 1817 863T1642 791Q1604 791 1567 802L1326 561L1873 38L1655 -180L1131 367L902 137Q913 100 913 63Q913 -41 842 -113T666 -185Q631 -185 596 -175L786 15L599 202L409 12Q399 47 399 82Q399 185 471 257T647 329Q682 329 717 320L952 554L612 909L784 1081L1138 741L1384 987Q1375 1021 1375 1056Q1375 1161 1447 1233T1622 1305Q1658 1305 1693 1295L1503 1105L1689 918L1879 1108ZM606 1258L435 1087L402 1120L573 1291L606 1258ZM1168 1230Q1105 1255 1038 1255Q937 1255 872 1191L498 817L537 778L395 635L156 874L298 1016L342 973L714 1345Q791 1421 879 1421Q1027 1421 1168 1230Z"/&gt; &lt;/g&gt; &lt;/svg&gt; </code></pre> <p>I got the viewBox numbers by asking the <code>svg</code> element what its bounding box was. To do this, open the image up in Safari or Chrome, get to the Javascript console, and type:</p> <pre><code>var bb = document.querySelector('svg').getBBox(); bb </code></pre> <p>Then, click on the disclosure triangle to the left of the <code>bb</code> object. This will show you its x, y, width, and height values — put them into the viewBox attribute in that order.</p> <p>(As an aside, I used to do the scale-and-translate trick to get the coordinate system to something I'm used to — it's because of complications like this that I don't do it anymore.)</p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload