Ein per Javascript gezeichnetes Canvas soll neben ein Element gesetzt werden und die gleiche Höhe bekommen. Dafür wird das Canvas mit beliebigen Werten (hier in einem Koordinatensystem von 0 bis 100) gezeichnet, aber vorher die y-Skalierung mit context.scale(x,y) angepasst:
var neighbour = document.querySelector('#neighbour');
var canvas = document.createElement("canvas");
var context = canvas.getContext('2d');
canvas.height = clientHeight;
canvas.width = 25;
var yScale = neighbour.clientHeight / 100;
context.scale(1, yScale);
context.beginPath();
context.moveTo(25, 0);
context.lineTo(0, 50);
context.lineTo(25, 100);
context.closePath();
context.fillStyle = "rgb(78, 193, 243)";
context.fill();
Geht leider nicht nachträglich.
onli blogging am : Hardwareempfehler verbessert: Empfehlung ändern
Vorschau anzeigen