您的位置：首页技术文章
文章详情页

javascript - 怎么通过Html5或者原声js实现图片在线裁剪成圆角矩形？

浏览：114日期：2022-11-23 15:27:55

问题描述

h5或者js有什么方法可以实现图片在网页进行裁剪，然后可以剪成圆角的吗？目前我只看到有裁剪成长方形的，不知道能不能实现剪成圆角的.png透明图

问题解答

回答1：

你需要一个canvas，然后通过canvas的line API 和arcto API来完成这一系列风骚的操作。

回答2：

canvas 画图 轨迹为圆形

标签： JavaScript
上一条：javascript - 请教一个关于touchstart事件的小问题下一条：javascript - JS事件委托问题
相关文章：
1. javascript - 怎么实现让 div 里面的 img 元素 中心居中, 如下示例图2. html5 - 使用angular中，图片上传功能中选择多张图片是怎么实现的？有什么好的思路吗？3. 微信开放平台 - ios APP能不能打开微信然后通过微信跳转到指定的URL？4. javascript - vue引入样式的问题5. javascript - 移动端一个小效果6. javascript - vue+iview upload传参失败 跨域问题后台已经解决 仍然报403，这是怎么回事啊？7. Mac环境下QT编译MySQL驱动屡次失败？如何？8. php - 微信开发验证服务器有效性9. javascript - 如何做出pc网站随鼠标滚动动态出现效果10. javascript - nodejs调用qiniu的第三方资源抓取，返回401 bad token，为什么
排行榜
docker容器呢SSH为什么连不通呢？
docker容器呢SSH为什么连不通呢？
1. docker gitlab 如何git clone？
2. docker内创建jenkins访问另一个容器下的服务器问题
3. docker-compose 为何找不到配置文件？
4. docker 下面创建的IMAGE 他们的 ID 一样？这个是怎么回事？？？？
5. html5 - 使用angular中，图片上传功能中选择多张图片是怎么实现的？有什么好的思路吗？
6. javascript - 怎么实现让 div 里面的 img 元素 中心居中, 如下示例图
7. javascript - vue引入样式的问题
8. javascript - vue+iview upload传参失败 跨域问题后台已经解决 仍然报403，这是怎么回事啊？
9. php - 微信开发验证服务器有效性
10. javascript - 移动端一个小效果
热门标签