2016-10-04 14 views
12

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!

+0

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 .. –

+0

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

+0

@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. –

Trả lời

-1

Bạn cần phải vô hiệu hóa nó thông qua thiết lập máy tính,

cài đặt/control panel -> chuột -> thiết lập thiết bị -> pinch để phóng to -> bỏ chọn hộp kiểm

, Đây là chỉ có thể cách bạn không thể làm bất cứ điều gì với html hoặc javascript

+0

Cảm ơn nhưng tôi cần phải thực hiện điều này với javascript. Tôi không thể yêu cầu khách hàng của tôi thực hiện việc này trong các trình duyệt đó. Điều này cũng sẽ được thực hiện trên các trang web khác. –

+0

không có cách nào để thực hiện điều này thông qua javascript có một số trang web khác cũng phải đối mặt với vấn đề này, hy vọng microsoft sẽ sửa chữa nó sớm –

+0

Vì vậy, chúng ta không có tùy chọn để thực hiện zoom pinch của chúng tôi trên trang? –

1

thử điều này:

<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0,user-scalable=no,minimal-ui,minimum-scale=1.0,maximum-scale=1.0"> 
+0

Bạn có thể giải thích lý do tại sao các tham số được thêm vào giúp vô hiệu hóa pinch để thu phóng hoặc những gì chúng thực hiện chính xác? –

+0

** quy mô ban đầu: ** Thu phóng ban đầu khi truy cập trang. 1.0 không thu phóng. ** quy mô tối thiểu: ** Số tiền tối thiểu mà khách truy cập có thể thu phóng trên trang. 1.0 không thu phóng. ** quy mô tối đa: ** Số tiền tối đa mà khách truy cập có thể thu phóng trên trang. 1.0 không thu phóng. ** người dùng có thể mở rộng: ** Cho phép thiết bị phóng to và thu nhỏ. Giá trị là có hoặc không.tôi đã có kinh nghiệm rằng trong một số trường hợp ** 1 ** và ** 1.0 ** khác nhau – MajiD

+0

Không may mắn ... Điều này không làm việc cho firefox. Tôi đã thử lại lần nữa. –

Các vấn đề liên quan