LayoutTests/svg/custom/js-font-test.svg

<?xml version="1.0" encoding="UTF-8"?>
<svg width="800" height="1000" xmlns="http://www.w3.org/2000/svg" onload="init()">
    <script language="JavaScript">
    var fontFamily1 = "Arial";
    var fontFamily2 = "LucidaSansUnicode";
    var fontFamily3 = "MS-Gothic";

    var entryYOffset = 10;
    var entryYDelta = 16;

    var entryX = new Array();
    entryX[0] = 10;
    entryX[1] = 100;
    entryX[2] = 190;

    var entryXEnd = entryX[0] + entryX[1] + entryX[2];

    var entryY = new Array();
    entryY[0] = entryYOffset;
    entryY[1] = entryYOffset;
    entryY[2] = entryYOffset;

    var insert;

    function drawGrid(xValue, yValue)
    {
        var line = document.createElement("line");
        line.x1.baseVal.value = Math.floor(xValue);
        line.y1.baseVal.value = Math.floor(yValue) + (entryYDelta / 2) - 4;
        line.x2.baseVal.value = Math.floor(xValue) + entryXEnd;
        line.y2.baseVal.value = Math.floor(yValue) + (entryYDelta / 2) - 4;
        line.setAttribute("style", "stroke-width:1px; stroke:black; opacity:0.5");

        insert.appendChild(line);
    }

    function entry(message, xValue, yValue, family)
    {
        var text = document.createElement("text");

        // Set X/Y properties using SVG DOM
        var xLength = document.rootElement.createSVGLength();
        xLength.value = xValue;

        var yLength = document.rootElement.createSVGLength();
        yLength.value = yValue;

        text.x.baseVal.appendItem(xLength);
        text.y.baseVal.appendItem(yLength);

        // Append "Text" child node
        text.appendChild(document.createTextNode(message));

        // Choose font-size/font-family
        switch (family) {
        case 0:
            text.setAttribute("font-family", fontFamily1);
            break;
        case 1:
            text.setAttribute("font-family", fontFamily2);
            break;
        case 2:
            text.setAttribute("font-family", fontFamily3);
            break;
        }

        text.setAttribute("font-size", "12");

        // Add to tree
        insert.appendChild(text);    
        return entryYDelta;
    }

    function newEntry(col1, col2, col3, family)
    {
        drawGrid(entryX[0], entryY[0]);

        entryY[0] += entry(col1, entryX[0], entryY[0], family);
        entryY[1] += entry(col2, entryX[1], entryY[1], family);
        entryY[2] += entry(col3, entryX[2], entryY[2], family);
    }

    function init()
    {
        insert = document.getElementById("insert");

        newEntry("Arabic", "", "السلام عليكم ", 0);
        newEntry("Bengali", "বাঙ্লা", "ষাগতোম", 0); // Which lang?
        newEntry("Burmese", "", "မ္ရန္မာ", 0); // Which lang?
        newEntry("Cherokee", "ᏣᎳᎩ", "ᎣᏏᏲ", 0); // Which lang?
        newEntry("Czech", "česky", "Dobrý den", 0);
        newEntry("Danish", "Dansk", "Hej, Goddag", 0);
        newEntry("English", "", "Hello", 0);
        newEntry("Esperanto", "", "Saluton", 0);
        newEntry("Estonian", "", "Tere, Tervist", 0);
        newEntry("Finnish", "Suomi", "Hei", 0);
        newEntry("French", "Français", "Bonjour, Salut", 0);
        newEntry("German", "Deutsch Nord", "Guten Tag", 0);
        newEntry("German", "Deutsch Süd", "Grüß Gott", 0);
        newEntry("Georgian", "ქართველი", "გამარჯობა", 0); // Which lang?
        newEntry("Gujarati", "", "ગુજરાતિ", 0); // Which lang?
        newEntry("Greek", "Ελληνικά", "Γειά σας", 0);
        newEntry("Hebrew", "", "שלום", 1);
        newEntry("Hindi", "", "नमस्ते, नमस्कार।", 0); // Which lang?
        newEntry("Italiano", "", "Ciao, Buon giorno", 0);
        newEntry("ɪŋglɪʃ", "", "hɛləʊ", 1); // Which lang here?
        newEntry("Maltese", "", "Ċaw, Saħħa", 1);
        newEntry("Nederlands", "", "Hallo, Dag", 0);
        newEntry("Norwegian", "Norsk", "Hei, God dag", 0);
        newEntry("Punjabi", "", "ੁਪੁਂਜਾਬਿ", 0); // Which lang?
        newEntry("Polish", "", "Dzień dobry, Hej", 0);
        newEntry("Russian", "Русский", "Здравствуйте!", 0);
        newEntry("Slovak", "", "Dobrý deň", 0);
        newEntry("Spanish", "Español", "‎¡Hola!‎", 1);
        newEntry("Swedish", "Svenska", "Hej, Goddag", 0);
        newEntry("Thai", "ภาษาไทย", "สวัสดีครับ, สวัสดีค่ะ", 0); // Which lang?
        newEntry("Turkish", "Türkçe", "Merhaba", 0);
        newEntry("Vietnamese", "Tiếng Việt", "Xin Chào", 0);
        newEntry("Yiddish", "ײַדישע", "דאָס הײַזעלע ", 1);
        newEntry("Japanese", "日本語", "こんにちは, ｺﾝﾆﾁﾊ", 2);
        newEntry("Chinese", "中文,普通话,汉语½", "你好", 2);
        newEntry("Cantonese", "粵語,廣東話", "早晨, 你好", 2);    
        newEntry("Korean", "한글", "안녕하세요, 안녕하십니까", 0); // Which lang?
    }
    </script>

    <g id="insert"/>
</svg>