Hat HTML5-Canvas-pixel-Größe hängt von der Größe des Grafikbereichs?
Ich bin zeichnen von einfachen Linien mit dem HTML5-canvas:
context = $('canvas')[0].getContext('2d');
context.moveTo(150, 20);
context.lineTo(300, 20);
context.stroke();
Wenn meine Leinwand CSS-änderungen aus:
canvas {
width: 500px;
height: 500px;
}
zu
canvas {
width: 1000px;
height: 1000px;
}
den Schlaganfall-Breite und-Höhe auch doppelt! Was gibt?
Du musst angemeldet sein, um einen Kommentar abzugeben.
CSS nur bestimmt seine sichtbar Größe. Ändern Sie die
width
undheight
Attribute in den HTML-Code, um die tatsächliche Anzahl der Pixel, die es ausmachen. Wenn in der HTML-es ist 100x100 und in der CSS-200x200, es wird visuell skaliert 2X.Hier beantwortet: Größe verändern HTML5-Leinwand, um Fenster zu passen