Przykład 4.2.1
Przykład kadrowania warstwy przy użyciu metody vclip.

Po prawej stronie widzisz obrazek oraz białą ramkę na nim, obrazującą kadr. Strzałkami możesz przesuwać kadr, poruszając się o 10 pikseli w każdym kierunku.

var x=0 // ustawiamy początkową pozycję okienka kadru
var y=0
function main() {
show() // ustawiamy kadr
    vlay.result.style.visibility="visible" // wyświetlamy wcześniej niewidoczną warstwę z rezultatem kadru
}
function show() {
    vlay.result.vclip(y,x+50,y+50,x) // tutaj kadrujemy warstwę; (x,y) to pozycja kadru, wielkość kadru to 50x50 pikseli, prawy i dolny brzegi kadru równe są odpowiednio x+50 i y+50
    vlay.okno.vpos(490+x,15+y) // przesuwamy podgląd kadru (białą ramkę na obrazku) w odpowiednie miejsce
    setTimeout("show()",10) // odświeżamy obraz co 10 milisekund; jeśli pozycja kadru się w międzyczasie zmieni, zmiana zostanie uwzględniona przy wyświetlaniu
}

Klikając na strzałki zwiększamy bądź zmniejszamy odpowiednie współrzędne (x oraz y) pozycji kadru o 10.

Powrót
Wynik kadrowania: