176 • Глава 5
s ize, // dh
s ize // dy
) ;
}
}, 67); // 67 — это приблизительно 15 кадров в секунду
}, false);
Главное волшебство происходит внутри метода
setInterval
, который срабатывает каж-
дую 0,067 долю секунды (так как в JavaScript секунды измеряются в тысячах миллисекунд,
а 1000/15 = приблизительно 67, то мы получаем примерно 15 кадров в секунду). Этого
должно быть достаточно для имитации воспроизведения видео. После входа в
setInterval
запускается цикл по ширине холста, чтобы заполнить его верхнюю часть копиями нашего
изображения.
Соответствие аргументов метода
drawImage
демонстрируется на рис. 5.14.
Рис . 5 .14 . Визуальное представление аргументов drawImage
Используя простое кадрирование по высоте и ширине и определяя короткую сторону,
я с легкостью масштабирую изображение, предоставляя всю самую сложную работу
элементу
