为了账号安全,请及时绑定邮箱和手机立即绑定

用JavaScript实现图片剪切效果

难度初级
时长 2小时10分
学习人数
综合评分9.60
56人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.4 逻辑清晰

已采纳回答 / 氽氽
mainDiv.style.height ,mainDiv.style.width 这两个值要对他们做限制,不能小于0,不能大于mainDive的宽高

已采纳回答 / 慕粉2123159644
判断如果子元素大小超出父元素就给addWidth或addHeight一个固定值就好。

已采纳回答 / Gearre
因为最后赋给img2.style.slip的值应该为"rect( ?px ?px ?px ?px)",你试着把top看作一个数字内容,然后去掉+连接符和多余的引号,然后连接在代码中看看就可以理解了

已采纳回答 / 一切随心
return{"left":left,"top":top}。中间是逗号而不是分号

已采纳回答 / 慕田峪7990199
while循环里面,“parent = parent.offsetLeft;”改成“parent = parent.offsetParent”

已采纳回答 / echo_kinchao
因为要定位到中间啊

讲师回答 / Ben
实现将选取的照片裁剪并保存到后台  是需要后台语言来实现的,比如php  java等  前台将选取好坐标等参数传给后台,后台实现真正的裁剪。

讲师回答 / Ben
让高度和宽度同时按比例缩放就行了  比如宽度缩小5%时,同时将高度也缩小5%

讲师回答 / Ben
这个只需要加上一些判断就行了  比如选框超出后  就将位置归位,视频是讲解主要功能的实现思路,细节的把握还是要靠大家的细心
首页上一页1234下一页尾页
课程须知
在学习本课程之前,您应该已经熟悉js事件的绑定和css的绝对定位。
老师告诉你能学到什么?
通过本课程,您将学习到如何通过组合鼠标的按下、拖动和松开事件来实现鼠标对元素的拖动和缩放,从而在js事件操作方面的学习有个更大的飞越。

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消