【组件分享】超级简陋的图片剪切上传组件
发布于 4 年前 作者 mren 3254 次浏览 来自 分享

在写__小活动__的时候遇见了一个问题_     用户上传的和所需要的图片尺寸总是不一定相等比例的_解决起来也很简单,写一个裁截工具让用户裁截就好了

 https://developers.weixin.qq.com/s/bLyRTGmT7Od6    ←代码片段


实现原理:    用户通过 touch 事件__以及 slider changing事件__来控制,    同时使用 __transform__这一方便的变换CSS属性来实现视图上的反馈。    然后根据最后的定位参数使用__canvas__进行裁剪

嗯,肥肠肥肠简陋,不过越简陋越容易被改写成自己用的东西。

ヽ(✿゚▽゚)ノ

4 回复

学习了,非常感谢分享。

index.wxml里

arg 的 width 值为什么超过290时,显示的图片内容只是截取的部分内容

谢谢啦!

我刚发现,图片放大缩小的时候,滑动事件有效,点击事件无效

—JS差,这个不知道如何改

----------别锤我啊

截取图片的时候,其实可以用小程序弹窗的原理写,这样arg的值变化时,始终在屏幕的中间,灵活性好些

----不知道怎么发你的那种链接

回到顶部