Trình xem hình ảnh trong html5

Question

Tôi phải phát triển một ứng dụng xem hình ảnh. Các ứng dụng được thiết kế nên có các tính năng sau

1. Phóng to chức năng
2. Thu nhỏ chức năng
3. chức năng Magnifying
4. chức năng Pan
5. chức năng tổng quan Hình ảnh

tôi phải phát triển ứng dụng trong ứng dụng Asp.net. Tôi có câu hỏi sau

1. Điều gì sẽ là phương pháp tốt hơn để phát triển ứng dụng như vậy, tôi có nghĩa là dù nó được thực hiện bằng Asp.net kiểm soát hoặc HTML tiêu chuẩn kiểm soát
2. Có bất kỳ phạm vi của HTML5 trong việc phát triển ứng dụng như vậy?
3. Tôi có thể nhận được bất kỳ dự án nguồn mở có thể tùy chỉnh nào được viết bằng javascript hoặc jQuery không?

Answer 1

câu trả lời của tôi cho câu hỏi của bạn:

1. Tôi sẽ sử dụng HTML, vì bạn không cần bất cứ điều gì từ máy chủ.
2. Có, bạn có thể tìm kiếm thông tin trên google.
3. Xem thông tin bên dưới.

tôi sẽ thử các bước sau:

1. Hãy tìm ví dụ về các tính năng cần thiết.
2. Bỏ các ví dụ này xuống và tạo lại chúng theo yêu cầu của bạn.
3. Tạo chủ sở hữu cho hình ảnh. Bạn có thể tải hình ảnh từ máy chủ bằng jQuery và AJAX
4. Thực hiện các điều khiển để thu phóng, xoay. Sử dụng triển khai bạn đã tạo ở bước 2

Có rất nhiều thông tin được tìm thấy trên internet.Một số ví dụ là:

Zooming

http://www.tripwiremagazine.com/2012/07/jquery-image-zoom.html

Xoay

http://manos.malihu.gr/jquery-image-panning

Tổng quan

http://www.designzzz.com/jquery-slide-show-image-gallery-tutorials-downloads/

Hướng dẫn cho chảo và phóng to với HTML5 canvas

http://my.safaribooksonline.com/book/web-development/html/9781449308032/images-on-the-canvas/zooming_and_panning_an_image

Answer 2

Đối với tôi,

1. Tôi sẽ sử dụng HTML,
2. Sử dụng HTML5 và CSS3 nếu bạn có thể,
3. Vâng, có rất nhiều. Chỉ cần gõ những gì bạn cần. Có vẻ như những gì bạn đang xây dựng là thanh trượt/thư viện hình ảnh. Rất nhiều người trên web. Chỉ cần tìm nó.

Nếu bạn phải xây dựng nó từ đầu, những gì bạn có thể làm là nghiên cứu, các thuộc tính css này. quy mô, zoom và chuyển tiếp.

Có bạn đi, hy vọng tôi đã chỉ cho bạn đúng hướng.