crop visible part of image with dynamically width and height
Question
I have a div with overflow:hidden and an image inside that div.Also I have some buttons for zoom in zoom out and for moving the image to all directions via change of margin.How do I crop only the visible part of the image and save it ? Is it possible to do it with only javascript?
1 answers
solution1
0 2014-04-01 01:42:51
You can't save an image with javascript. You should do it with PHP. http://www.php.net/manual/en/function.imagecrop.php
You can do it in combination with Jcrop.
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
How to crop an image with CSS using width, height, x and y axis?
How to display part of an image for the specific width and height?
Dynamically crop (or mask?) all images to height of shortest image with CSS and/or JS?
Resize an image height dynamically according to viewport width
Dynamically adjust image width & height using css
Setting canvas Width and Height according to that of image dynamically
Ui cropper crop height and width
Dynamically Crop image with JS
CSS crop image to fit screen width while keeping the original height of the image
Reduce Image Width Without Resizing (e.g. crop image dynamically)
Related Tags