简体繁体 English

使用动态宽度和高度裁剪图像的可见部分

[英]crop visible part of image with dynamically width and height

原文 2014-04-01 01:34:57 0 1 javascript/ php/ html

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 ? 我有一个带有div：隐藏的div和该div内的图像，还有一些按钮用于放大缩小和通过改变边距将图像移动到所有方向。如何仅裁剪图像的可见部分和保存？ Is it possible to do it with only javascript? 是否可以仅使用javascript？

1 个解决方案

You can't save an image with javascript. 您无法使用javascript保存图像。 You should do it with PHP. 您应该使用PHP来完成。 http://www.php.net/manual/en/function.imagecrop.php http://www.php.net/manual/zh/function.imagecrop.php

You can do it in combination with Jcrop. 您可以与Jcrop结合使用。

如何使用宽度、高度、x 和 y 轴使用 CSS 裁剪图像？ - 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?

使用CSS和/或JS动态裁剪（或遮罩？）所有图像到最短图像的高度？ - 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

使用CSS动态调整图像的宽度和高度 - Dynamically adjust image width & height using css

根据图像动态设置画布的宽度和高度 - Setting canvas Width and Height according to that of image dynamically

UI农作物的高度和宽度 - Ui cropper crop height and width

使用 JS 动态裁剪图像 - Dynamically Crop image with JS

CSS 裁剪图像以适应屏幕宽度，同时保持图像的原始高度 - 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)

暂无

暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 如何使用宽度、高度、x 和 y 轴使用 CSS 裁剪图像？ - 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? 使用CSS和/或JS动态裁剪（或遮罩？）所有图像到最短图像的高度？ - 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 使用CSS动态调整图像的宽度和高度 - Dynamically adjust image width & height using css 根据图像动态设置画布的宽度和高度 - Setting canvas Width and Height according to that of image dynamically UI农作物的高度和宽度 - Ui cropper crop height and width 使用 JS 动态裁剪图像 - Dynamically Crop image with JS CSS 裁剪图像以适应屏幕宽度，同时保持图像的原始高度 - 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)

相关标签

粤ICP备18138465号 © 2020-2024 STACKOOM.COM