Метод drawImage
Подготовил: Евгений Рыжков Дата публикации: 14.10.2011 Выводит изображение на хосте. Имеет несколько вариантов синтаксиса с разными назначениями. Базовый Просто отображаем загруженную картинку. drawImage(image, x, y) Параметры ·image — объект Image(); ·x,y — координаты верхнего левого угла изображения. Масштабирование drawImage(image, x, y, width, height) Параметры ·image — объект Image(); ·x,y — координаты верхнего левого угла изображения; ·width, height — размеры изображения на холсте. Изображение будет отмасштабированно согласно указанных размеров. При увеличении масштаба относительно реального изображения, картинка может становиться размытой или зернистой. Обрезание drawImage(image, sx, sy, sWidth, sHeight, dx, dy, dWidth, dHeight) Параметры ·image — объект Image() или элемент canvas; ·sx, sy — координаты верхнего левого угла слайса относительно изображения; ·sWidth, sHeight — размеры слайса; ·dx,dy — координаты верхнего левого угла обрезанного изображения; ·dWidth, dHeight — размеры обрезанного изображения на холсте. Пример Javascript
Метод fill Делает заливку фигуры.
|