如何使用变量更改图像高度？答案

【问题标题】：How To Change Image Height Using a Variable?如何使用变量更改图像高度？
【发布时间】：2016-02-19 11:46:26
【问题描述】：

我必须创建一个句子中出现的每个字母的频率计数。该频率比放在图表中。我们将这个 1px x 1px 的 gif 图像拉伸到当前字母频率的标准化值（最大 100px）。例如，如果我有短语“Cwm fjord bank glyphs vext quiz”，每个字母将有 100px，因为它只使用每个字母一次。

所以我创建了一个数组来对每个单词的出现次数进行排序。然后找出哪个单词出现的次数最多，这样我就知道将每个单词除以什么。当我制作它时，该值将是图像的高度。

function htmlChart() {
    var table = document.getElementById("table");
    input = document.getElementById("userInput").value;
    table.innerHTML = generateTable(input);
}

function generateTable(input) {
    var frequency = new Array(26);
    var letters = new Array(26);
    var freqPos = 0;
    var newInput = input.toUpperCase();
    var max = 0;
    var myHeight = 0;
    var test = 9000;
    var image = new Image();
    image.src = "orange.gif";
    for (i = 65; i < 91; i++) {
        //looks at how many times each character occurs and stores its value
        frequency[freqPos] = newInput.split(String.fromCharCode(i)).length -
            1;
        freqPos++;
    }
    //checks which letter occured the most
    for (i = 0; i < frequency.length - 1; i++) {
        if (frequency[i] > max) {
            max = frequency[i];
        }
    }

    table = input + "<table>";
    //first row 
    table += "<tr>";
    table += "<td>Letter Frequency 100px</td>";
    for (i = 0; i < frequency.length - 1; i++) {
        //somehow have to use myHeight to change the height of the image that I make here. 
        myHeight = (frequency[i] / max) * 100;
        table +=
            '<td><img src = "orange.gif" id = "orange" alt = "25" height = myHeight + "px" width = "5"></td>';
    }
    table += "</tr>";
    //second row
    table += "<tr>";
    table += "<td></td>";
    for (i = 65; i < 91; i++) {
        table += "<td>" + String.fromCharCode(i) + "</td>";
    }
    table += "</tr>";
    table += "</table>";
    return table;
}

如您所见，我已经制作了频率图，但我只是不知道如何将高度更改为 myHeight 的值。有人可以解释我将如何做到这一点吗？

【问题讨论】：

标签： javascript image normalization frequency

【解决方案1】：

看起来串联已关闭。改变这个

'<td><img src = "orange.gif" id = "orange" alt = "25" height = myHeight + "px" width = "5"></td>';

到

'<td><img src = "orange.gif" id = "orange" alt = "25" height="' + myHeight + 'px" width = "5"></td>';

请注意，要连接的每个字符串都由单引号 ' 分隔。

【讨论】：