
Bước 1 : Xây dựng cấu trúc HTML
Bước 2 : Thêm CSS
Bước 3 : Tạo Javascript để thực hiện thu phóng hình ảnh. Tham khảo code dưới đây:
Note : offsetHeigth, offsetWidth là thuộc tính chỉ đọc trả về chiều cao, chiều rộng bố trí của một phần tử, là phép đo tính bằng px của chiều cao , chiều rộng CSS phần tử
Kết quả sau khi chạy chương trình :
Nguồn : Devmaster Academy