Блог

Я рисую данные на холсте JS. Мне нужно вводить значения вертикальной и горизонтальной осей с фиксированными интервалами.

Я бы спросил, как создать массив абзацев или текста, чтобы назначить абсолютную координату и значение правой оси, чтобы нарисовать их вокруг холста.

в настоящее время я создавал и редактировал строку за строкой:

 document.getElementById('percent0').innerHTML =   a.toFixed(5-Math.round(Math.log10(a))); a = minVal (maxVal-minVal)*0.25; document.getElementById('percent25').innerHTML =  a.toFixed(5-Math.round(Math.log10(a))); a = minVal (maxVal-minVal)*0.5; document.getElementById('percent50').innerHTML =   a.toFixed(5-Math.round(Math.log10(a))); a = minVal (maxVal-minVal)*0.75; document.getElementById('percent75').innerHTML =   a.toFixed(5-Math.round(Math.log10(a))); a = minVal (maxVal-minVal)*1; document.getElementById('percent100').innerHTML =   a.toFixed(5-Math.round(Math.log10(a)));  

но я хотел бы использовать разумный способ сделать это с массивом, если это возможно.

ткс.

Просто добавьте значения меток в массив и используйте его там, где он меняется:

 const marks = [0, 25, 50, 75, 100};  marks.forEach(mark =gt; { const a = minVal (maxVal-minVal)*mark / 100.0; document.getElementById('percent'   mark).innerHTML = a.toFixed(5-Math.round(Math.log10(a))); });  

Если вы хотите создать эти html-элементы с помощью кода, вы можете просто добавить что-то подобное lt;div id="marks-container;gt;lt;/divgt; в свой HTML, а затем добавить все абзацы с помощью JS —

 const p = document.createElement('p'); p.id = "percent"   mark; document.querySelector("#marks-container").appendChild(p);