导航:首页 > 图片大全 > 剪切图片如何上传

剪切图片如何上传

发布时间:2023-01-11 10:29:39

㈠ 【微信小程序】选择图片并裁剪图片 前端裁剪上传

微信小程序裁剪组件,支持前端裁剪和后端裁剪两种方式

1.前端裁剪:将裁剪框指定的区域,单独生成图片,获取裁剪图片的临时文件路径

2.后端裁剪:获取裁剪框相对于原图的像素坐标位置,将裁剪区域坐标以及原图临时文件路径,传到后端进行图片裁剪

https://gitee.com/gnliscream/image-cropper

使用微信小程序自定义组件开发

小程序自定义组件官网: https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/wxml-wxss.html

添加image-cropper标签,如下

可以在image-cropper标签内添加操作按钮,如下

首先需要在onLoad方法中,设置裁剪标签属性

然后添加按钮相应的绑定方法

获取到的res如下

获取到的裁剪参数的对应关系图

获取到裁剪参数后,将原图以及裁剪参数传到后台进行裁剪

2.获取裁剪图片地址

获取到的res如下

阅读全文

与剪切图片如何上传相关的资料

热点内容
爬山图简单的图片 浏览:476
儿童毛寸发型图片男生 浏览:461
知乎普通女孩图片 浏览:882
孤独图片男生头像 浏览:828
男人的短发发型图片 浏览:389
小枫可爱图片 浏览:358
深棕色发型图片 浏览:400
神秘的少女动漫图片大全 浏览:786
女孩床头贴月亮和星星图片好吗 浏览:440
简单时装设计图片 浏览:309
造钱机器图片及价格 浏览:136
女孩遛狗卡通图片 浏览:332
动漫恐怖脸图片 浏览:113
一群小可爱下雪图片 浏览:581
word拖动图片位置 浏览:346
华为手机如何将图片遮住视频 浏览:349
word几百张图片统一大小 浏览:678
如何随意移动文本框中的图片 浏览:662
中年瘦男人穿什么衣服好看图片 浏览:224
男生开车戴耳机图片 浏览:854