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

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

更多 QQ空间 微信 QQ好友 腾讯朋友 复制链接
【字号：大 中 小】日期：2022-11-23 15:27:55浏览：50作者：猪猪

问题描述

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

问题解答

回答1：

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

回答2：

canvas 画图 轨迹为圆形

标签： JavaScript
上一条：javascript - 请教一个关于touchstart事件的小问题下一条：javascript - JS事件委托问题
相关文章：
1. angular.js - AngularJS点击搜索，实现数据变化，不通过重新请求接口的方法2. angular.js - ionic+angular 滚动加载问题（上拉）3. angular.js - angularJs ngRoute怎么在路由传递空字符串及用ng-switch取得4. angular.js - angular怎么实现滑动切换页面，具体效果同每日优鲜首页。5. angular.js - 关于ui-sref地址栏缺省的问题6. angular.js - angularjs 与requirejs集成7. angular.js - angular ng-model中输入中文不更新，再添加数字、字母或空格，就可以绑定了8. angular.js - angular ng-repeat通过数值的大小从小到大排序9. git - hexo怎么创建无模板的静态html？10. 声明闭包为啥要这么样
排行榜
angular.js - AngularJS点击搜索，实现数据变化，不通过重新请求接口的方法
angular.js - AngularJS点击搜索，实现数据变化，不通过重新请求接口的方法
1. angular.js - angular怎么实现滑动切换页面，具体效果同每日优鲜首页。
2. angular.js - 关于ui-sref地址栏缺省的问题
3. angular.js - angular ng-model中输入中文不更新，再添加数字、字母或空格，就可以绑定了
4. angular.js - angularJs ngRoute怎么在路由传递空字符串及用ng-switch取得
5. angular.js - angular ng-repeat通过数值的大小从小到大排序
6. angular.js - angularjs 与requirejs集成
7. angular.js - ionic+angular 滚动加载问题（上拉）
8. css3 - css 3问题， transition:0.5s all;是指所有属性？
9. java - Mybatis映射问题
10. android listview 每行的金额 求总和
热门标签