此方法绘制圆角在ios系统上是正常的，在安卓下点的位置会偏移。
收藏
回答
置顶canvas画图片圆角精选热门
小样贼拽2018-04-09
| 框架类型 | 问题类型 | API/组件名称 | 终端类型 | 操作系统 | 微信版本 | 基础库版本 |
|---|---|---|---|---|---|---|
| 小程序 | Bug | canvas | 客户端 | Android | 6.6.5 | 1.9.97 |
6 个回答
请 登录 后发表内容
相关文档
- Canvas.getContext: 小程序/开发/API/画布/Canvas/Canvas.getContext
- Canvas.getContext#参数: 小程序/开发/API/画布/Canvas/Canvas.getContext
- Canvas.getContext#功能描述: 小程序/开发/API/画布/Canvas/Canvas.getContext
- Canvas.getContext#返回值: 小程序/开发/API/画布/Canvas/Canvas.getContext
- Canvas.cancelAnimationFrame: 小程序/开发/API/画布/Canvas/Canvas.cancelAnimationFrame
你好，我这里有一份canvas画圆角的代码，在android上是ok的，请参考
roundRect1: function (x, y, w, h, r) {
// 开始绘制
const ctx = this .ctx
ctx.beginPath();
this .ctx.setFillStyle( '#ffffff' );
ctx.arc(x + r, y + r, r, Math.PI, Math.PI * 1.5 );
ctx.moveTo(x + r, y);
ctx.lineTo(x + w - r, y);
ctx.lineTo(x + w, y + r);
ctx.arc(x + w - r, y + r, r, Math.PI * 1.5 , Math.PI * 2 );
ctx.lineTo(x + w, y + h - r);
ctx.lineTo(x + w - r, y + h);
ctx.arc(x + w - r, y + h - r, r, 0 , Math.PI * 0.5 );
ctx.lineTo(x + r, y + h);
ctx.lineTo(x, y + h - r);
ctx.arc(x + r, y + h - r, r, Math.PI * 0.5 , Math.PI);
ctx.lineTo(x, y + r);
ctx.lineTo(x + r, y);
this .ctx.fill();
this .ctx.setGlobalAlpha( 0.04 );
this .ctx.setShadow( 0 , 2 , 4 , '#000000' )
ctx.closePath();
this .ctx.draw( true )
return this ;
}
我用你的代码画了，然后想用createPattern结果失败了，不知道是啥问题，这里的avatarUrl是getUserInfo拿回来的头像
this.wxapi.downloadFile({url: avatarUrl}).then(({tempFilePath})=>{console.log(tempFilePath);let p = ctx.createPattern(tempFilePath,'no-repeat');roundRect(ctx, 20, rpx2px(this.$hei + 50), rpx2px(100), rpx2px(100), rpx2px(8));ctx.fillStyle = p;ctx.fill();ctx.draw(true);});有用到createPattern吗？ 为啥我的createPattern无效呢？@小样贼拽
好的，谢谢
实在不好意思，让你久等了，我们尽快处理
wechatide://minicode/GrMsOxm86xYs
麻烦给个相关的代码片段（https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html），我们定位下问题