Методические рекомендации к выполнению задания 2

 
var middleX, middleY, pos; 
functionstart() { 
// получитьразмеризображени\я 
var width= document.layers["imgLayer"].document.davinci.width; 
var height= document.layers["imgLayer"].document.davinci.height; 
// определить, какой пиксел находитс\я в центре изображени\я
middleX= Math.round(width/2); 
middleY= Math.round(height/2); 
// начальная позици\я
pos= 0; 
// запуск! 
show();} 
function show() { 
// увеличить размер вырезаемой области
pos+= 2; // step size 
document.layers["imgLayer"].clip.left= middleX- pos; 
document.layers["imgLayer"].clip.top= middleY- pos; 
document.layers["imgLayer"].clip.right= middleX+ pos; 
document.layers["imgLayer"].clip.bottom= middleY+ pos; 
// проверить, не высвечено ли все изображение
if (!((pos > middleX) && (pos > middleY)))
setTimeout("show()", 20); } 
// --> 
 
 
 
 
 
 

 
 
 

, вызывает функцию 
start()
. 
Сначала мы должны определить точку, с которой нам следует начать работу - 
фактически это будет некий пиксел в центре нашего изображения. Значения 
координат x и y этого пиксела мы помещаем в переменные 
middleX
и 
middleY
. 
После этого мы вызываем функцию 
show()
, которая задает размеры вырезаемой 
части изображения в зависимости от значений переменных 
middleX
, 
middleY
и 
параметра 
pos
. При этом значение переменной 
pos
автоматически 
увеличивается при каждом вызове функции 
show()
. То есть размер вырезаемой 
части изображения с каждым разом становится все больше и больше. В самом 

конце процедуры 
show()
мы устанавливаем таймер с помощью вызова 
setTimeout()
- и благодаря этому функция 
show()
вызывается вновь и вновь. И 
этот процесс остановится только тогда, когда изображение будет показано 
целиком.
Заметим, что размер изображения мы получаем в самом начале функции 
start()
:
var width= document.layers["imgLayer"].document.davinci.width; 
var height= document.layers["imgLayer"].document.davinci.height; 
С помощью конструкции 
document.layers["imgLayer"]
мы можем 
обратиться к слою с именем 
imgLayer
. Однако почему после 
document.layers["imgLayer"]
мы ставим 
document
? Дело в том, что каждый слой 
имеет свою собственную HTML-страницу - то есть, 

жүктеу/скачать 0,75 Mb.

Достарыңызбен бөлісу: