码迷,mamicode.com
首页 > 其他好文 > 详细

canvas 使用遇到过的问题

时间:2019-07-24 22:38:22      阅读:116      评论:0      收藏:0      [点我收藏+]

标签:思考   相关   idt   上下文   src   raw   调整   bsp   影响   

使用ctx.clip()之后每次重绘都是同一张图片
 
刚开始思考是不是需要每次先清除画布再绘制  ctx.clearRect() 发现还是不行  然后调整代码顺序  ,一行一行代码注释 看是哪个的问题 发现是clip()的问题     
 
 
 
思考良久    
 
 
后面想了一下  百度看一下clip()的语法     有网友说
 技术图片

 

 试了一下 OK
 
ctx.save();
ctx.arc((rect.width / 2 - 17) + 20, 40, 20, 0, Math.PI * 2, false);
ctx.setStrokeStyle(‘rgba(0,0,0,0)‘)
ctx.stroke();
ctx.clip();
ctx.drawImage(avaterSrc, rect.width / 2 - 17, 20, 40, 40);
ctx.restore();
 
 
总结一下: 首先要定位问题  然后查看相关api 了解语法和原理  上下文关联  查看api相关的资料 (就是你用这个api,你得知道这个api的作用和影响)

canvas 使用遇到过的问题

标签:思考   相关   idt   上下文   src   raw   调整   bsp   影响   

原文地址:https://www.cnblogs.com/geekjsp/p/11241087.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!