微信公开课
微信公开课小程序热门讨论关于「canvasdraw问题求解」的小程序开发问题
补充:canvasdraw问题求解,要实现的效果如下实现逻辑是1、先画虚部画上虚线画下虚线
展开:要实现的效果如下:实现逻辑是:1、先画虚部画上虚线画下虚线画中虚线画半透明圆2、然后画实部画上实线画下实线画纯色圆目前遇到的问题是,我先把所有的部分实线完,然后统一执行ctxdraw()绘制总会出现各种问题:默认样式ctxsetLineWidth(1);ctxsetFillStyle(rgba(250,235,215,1));虚部ctxsetLineDash(dash);ctxsetStrokeStyle(rgba(${lineRGB},${opacity}));canvasdrawSmoothPath(ctx,hPointsslice(0,2));canvasdrawSmoothPath(ctx,lPointsslice(0,2));ctxsetLineDash([2,2]);canvasdrawLine(ctx,[hPoints[idx],lPoints[idx]]);ctxsetLineDash([1,0]);canvasdrawCircle(ctx,circlesslice(0,2));实部ctxsetLineDash([1,0]);ctxsetStrokeStyle(rgba(${lineRGB},1));canvasdrawSmoothPath(ctx,hPointsslice(1));canvasdrawSmoothPath(ctx,lPointsslice(1));canvasdrawCircle(ctx,circlesslice(2));ctxdraw(true,()={canvastoImage(ctx,CANVAS_ID,that)then(path={thatsetData({canvasToImg:path});utilsclearAndSaveImage(IMG_KEY,path);});})是不是不能统一的执行draw操作,需要每执行完一步都执行draw然后在执行下一步类似:画上虚线draw画下虚线draw画中虚线draw画半透明圆draw画上实线draw画下实线draw画纯色圆draw这样操作的话是不是性能不太好啊即速小程序:你大概是需要beginPath:感谢指出啊,本来以为我自己的canvas脚本里每个方法都写了beginPath,刚才一看,确实只有一个方法写了,其他漏掉了
更多有关「canvasdraw问题求解」的讨论可以前往微信公开课小程序参与互动哦!了解更多