Beispiel
Zeichnen Sie ein Rechteck, Skala bis 200%, dann wieder Rechteck zeichnen:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.strokeRect(5,5,25,15);
ctx.scale(2,2);
ctx.strokeRect(5,5,25,15);
Versuch es selber " Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die die Methode in vollem Umfang unterstützt.
| Methode | |||||
|---|---|---|---|---|---|
| scale() | ja | 9.0 | ja | ja | ja |
Definition und Verwendung
Die scale() Methode skaliert die aktuellen Zeichnung, größer oder kleiner.
Hinweis: Wenn Sie eine Zeichnung skaliert werden alle zukünftigen Zeichnungen werden auch skaliert werden.Die Positionierung wird auch skaliert werden. Wenn Sie scale(2,2) ; Zeichnungen werden doppelt so weit von der linken und oberen Rand der Leinwand, wie Sie angeben, positioniert werden.
| JavaScript-Syntax: | context.scale( scalewidth,scaleheight ); |
|---|
Parameterwerte
| Parameter | Beschreibung | Spiel es |
|---|---|---|
| scalewidth | Waagen , die Breite der aktuellen Zeichnung ( 1=100%, 0.5=50%, 2=200% , etc.) | Spiel es " |
| scaleheight | Waagen , die Höhe der aktuellen Zeichnung ( 1=100%, 0.5=50%, 2=200% , etc.) | Spiel es " |
Mehr Beispiele
Beispiel
Zeichnen Sie ein Rechteck, Skala bis 200%, Rechteck zeichnen wieder, Skala bis 200%, Rechteck zeichnen wieder, Skala bis 200%, Rechteck zeichnen wieder:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.strokeRect(5,5,25,15);
ctx.scale(2,2);
ctx.strokeRect(5,5,25,15);
ctx.scale(2,2);
ctx.strokeRect(5,5,25,15);
ctx.scale(2,2);
ctx.strokeRect(5,5,25,15); Versuch es selber "