javascript - 如何手动拖动和调整图像直到它适合css中的特定框

Question

请问如何在CSS中手动拖动图片并将图片调整到特定框？例如，在像网站这样的 CMS 中，如果有人浏览并上传了他/她的个人资料图片，那么他/她就可以在该框或框架中调整他/她的图像。我也想要 css 中的这种类型的功能。那么，如何在 css 或 css3 中做到这一点？

Answer 1

您可以在 css 中进行裁剪(参见裁剪:http://www.html5rocks.com/en/tutorials/masking/adobe/)

但实际上，您想使用 JS。请记住:CSS = 表示，JS = 交互。如果你想要用户交互，你需要 JS。由于剪辑的大小和偏移量基于用户输入，因此您至少需要一点 JS 来传递用户输入以更改 CSS。