Vâng, yêu cầu của tôi là thu phóng và xoay svg trong tất cả các thiết bị/tất cả các trình duyệt. Tôi đã thực hiện nó bằng cách sử dụng panzoom.js.Vô hiệu hóa pinch mặc định để thu phóng bằng cách sử dụng mozilla firefox trên màn hình của Microsoft Tablet/Touch
Bây giờ, tôi đang gặp phải sự cố với Mozilla firefox trong máy tính bảng và cửa sổ màn hình cảm ứng. Khi tôi cố gắng để pinch và phóng to svg. Nó không bắt sự kiện của tôi thay vì nó bắt sự kiện trình duyệt và sử dụng các trình duyệt thu phóng và phóng to toàn bộ trang.
Tôi đã thử các bước sau: Tôi đã thêm thẻ meta này vào phần đầu của html.
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
Tôi cũng đã thử thuộc tính sau hoạt động trong IE 11 và IE.
touch-action:none;
Không có gì hoạt động trong Mozilla.
Tôi cần phải tắt thu phóng trình duyệt trên pinch để tôi có thể triển khai chức năng của mình.
Cảm ơn trước!
Bạn đã thử [câu trả lời này gợi ý?] (Http://stackoverflow.com/a/31131948/5187323) Tôi không có màn hình cảm ứng để kiểm tra nó, nhưng nó vô hiệu hóa pinbook của macbook của tôi để phóng to .. –
Hoặc có thể thử với một plugin phóng to pinch khác? Trước hết, bạn có thể dùng thử trước tiên trong tất cả các trình duyệt và sau đó tiếp tục sử dụng trình duyệt đó. – Leo
@JarodMoser tôi có thể vô hiệu hóa thu phóng trong mọi trình duyệt nhưng không có trong firefox. Ngoài ra phương pháp được đề xuất không hoạt động cho cảm ứng thu nhỏ. Chúng ta cần phải thực hiện 'touch-action: none' trong css để vô hiệu hóa zoom trong các trình duyệt khác. –