Örnek
sonra tekrar dikdörtgen çizin,% 200, ölçek bir dikdörtgen çizin:
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);
Kendin dene " Tarayıcı Desteği
Tablodaki rakamlar tam yöntemini destekleyen ilk tarayıcı sürümü belirtin.
| Yöntem | |||||
|---|---|---|---|---|---|
| scale() | Evet | 9.0 | Evet | Evet | Evet |
Tanımı ve Kullanımı
scale() metodu mevcut çizim, daha büyük veya daha küçük ölçekler.
Note: Bir çizimi ölçeklerseniz, gelecekteki tüm çizimleri de dereceli. yerleştirilmesi de ölçeklenir. Eğer varsa scale(2,2) ; çizimler iki kat daha uzakta tuvalin sol ve üstten belirttiğiniz şekilde yerleştirilmiş olacaktır.
| JavaScript sözdizimi: | context . scale( scalewidth,scaleheight ) ; |
|---|
Parametre Değerleri
| Parametre | Açıklama | Oynat |
|---|---|---|
| scalewidth | Çekilişini genişliğini terazi ( 1=100%, 0.5=50%, 2=200% , etc.) | Oynat " |
| scaleheight | Çekilişini yüksekliğini terazi ( 1=100%, 0.5=50%, 2=200% , etc.) | Oynat " |
Diğer Örnekler
Örnek
,% 200 bir dikdörtgen, ölçek çizin% 200, yine ölçek dikdörtgen çizin,% 200, yine ölçek dikdörtgen çizin, yine dikdörtgen çizin:
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); Kendin dene "