let value = 80; //渲染一条渐变色的线 ctx.beginPath() ctx.setLineWidth(10) let grd = ctx.createLinearGradient(0, 0, 300, 300) grd.addColorStop(0, "#FF5A09") grd.addColorStop(1, '#FFA63F') ctx.setStrokeStyle(grd) let startAngle = -0.5 let endAngle = 1.5 endAngle = (1.5 - (0 - 0.5)) * (value / 100) + (0 - 0.5) ctx.arc(150, 150, 150, startAngle * Math.PI, endAngle * Math.PI) ctx.stroke() //渲染一个小白点 ctx.beginPath() ctx.setLineWidth(8) //出现问题代码 start ctx.setStrokeStyle('#ffffff')//此代码在电脑上生效，真机上不生效 //出现问题代码 end //解决 start let grd2 = ctx.createLinearGradient(x, 0, x, cHeight); grd2.addColorStop(0, "#ffffff"); grd2.addColorStop(1, '#ffffff'); ctx.setStrokeStyle(grd2); //小白点颜色受到上面的线的渐变色影响了，渐变色这个api有bug，设置普通颜色顶替不了上面的渐变色，所以在创建一个纯白色的渐变色就OK了 //解决 end let whitePointStartAngle = (1.5 - (0 - 0.5)) * ((value - 0.25) / 100) + (0 - 0.5); ctx.arc(150, 150, 150, whitePointStartAngle * Math.PI, endAngle * Math.PI) ctx.stroke()

目前已知方式可以通过组件的方式：写一个组件，在某个需要的页面里引入这个组件，在通过小程序提供的 this.selectComponent(id) 方法获取组件实例，然后就可以 js 操控组件了。 上面这种方法，如果小程序有100个页面，而且这100个页面都需要这个组件，那么需要在这100页面里的 .wxml 文件内，都得写上这组件的标签，这样就很麻烦。 我的诉求，我想写一个类似组件的东西，然后全局注册，在使用这个东西时，不用在使用页面的 .wxml 文件内，写这个东西的标签。然后可以直接通过 js 方式调用（类似小程序api的调用，如wx.showModal() ），调用完后，页面上就显示了相关东西，这种形式，小程序怎么搞？

1、在手机浏览器上使用location.href访问，可以调起手机上微信吗？ 2、在手机浏览器上使用window.open()访问，可以调起手机上微信吗？ 为什么我会问以上的问题：因为微信支付-H5方式，正在申请，申请时间大约三天。项目比较急，等不到申请出来后在写支付这块代码。现在要提前把代码写出来。 补充：微信支付这次新出的文档，太烂了，感觉没有之前的文档严禁。

[图片]