Trong facebook, hình thu nhỏ sẽ để lại một phần của hình ảnh đầy đủ và chúng tôi có thể di chuyển để chúng tôi có thể vừa với hình thu nhỏ vừa với vị trí ưa thích. điều này bằng cách sử dụng công nghệ web.Kéo hình ảnh để điều chỉnh vị trí như trong hình thu nhỏ của hình ảnh facebook
Trong ví dụ, chúng ta có thể kéo hình ảnh để di chuyển vị trí của hình thu nhỏ.
Bạn có thể thử một cái gì đó như thế này jquery plugin. Nó không giống với Facebook nhưng cung cấp chức năng cây trồng được kiểm soát.
Nếu không, câu hỏi đã được trả lời ở đây: Is there a jQuery image cropping plugin similar to Facebook's image crop?
EDIT: Hãy thử điều này một: imgareaselect.
Nó không phải là thực sự xén, nó đang di chuyển –
ah, xấu của tôi. Kiểm tra chỉnh sửa của tôi – Jarrod
Cảm ơn bạn, đủ gần :) –
Tôi đã tìm kiếm một loại plugin chính xác, không thể tìm thấy plugin, vì vậy tôi đã viết một :). Kiểm tra nó ra. Nó rất cơ bản và không có nhiều khả năng nhưng vẫn hữu ích. Sử dụng nó tốt, nó lây lan, tín dụng cho tôi quá;)
.
Chỉnh sửa: 22 thá 2013
tôi nhận thấy rằng các phiên bản sử dụng phần trăm không hoạt động như mong đợi. Liên kết được cập nhật ngay bây giờ.
tôi aslo thêm một phiên bản X-Axis
+1 cho đơn giản – Bujji
Xin chào Ergec, bạn đã làm điều này từ lâu nhưng đó chính xác là những gì tôi cần cảm ơn. Một câu hỏi nhanh, có vẻ như chỉ xóa hình ảnh dọc theo trục y (theo chiều dọc), làm cách nào để làm cho hình ảnh hoạt động theo chiều ngang (tức là đối với hình ảnh rộng hơn #mask)? Tôi đã chơi với fiddle bằng cách thay đổi chiều rộng .mask nhưng điều đó dường như không hoạt động. Cảm ơn. –
@ObiOnuorah chỉnh sửa câu trả lời của tôi – Ergec
Đây là chính xác những gì bạn cần: http://github.com/matiasgagliano/guillotine
Thêm vào đó nó hỗ trợ zoom, quay, chạm devises và nó hoàn toàn đáp ứng.
bạn có nghĩa là druging để cắt một phần cụ thể của hình ảnh đó sẽ được sử dụng như hình ảnh thu nhỏ của bạn –
cần một ví dụ để cung cấp cho một câu trả lời tốt hơn, có thể nhìn vào imageresizing.net họ có một số thứ tốt có cho hình ảnh thao tác –
xin vui lòng chờ .. tôi sẽ làm cho hình ảnh ngay bây giờ. –