微信小程序开发(七).docVIP

  1. 1、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。。
  2. 2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  3. 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
  4. 4、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
  5. 5、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们
  6. 6、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
  7. 7、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
微信小程序开发(七)

微信小程序开发(七) 第七章 绘图API 第1节:绘图内容: 矩形: + +矩形(路径) Ctx.rect(x1,y1,x2,y2) +矩形(内实) Ctx.fillRect(x1,y1,x2,y2) +矩形(内空) Ctx.strokeRect(x1,y1,x2,y2) +矩形(清空) Ctx.clearRrct(x1,y1,x2,y2) 路径: + +路径(开始) Ctx.beginPath() +路径(填充) Ctx.fill() +路径(描边) Ctx.stroke() +路径(移点) Ctx.moveTo(x,y) +路径(连线) Ctx.lineTo(x,y) +路径(关闭) Ctx.closePath() 圆弧: + +画弧 Ctx.arc(x,y,r,startAngle,endAngle) 文字: + +写字 Ctx.fillText(‘text’,x,y) 图片: + +图片 Ctx.drawImage(img,x,y) 第2节:绘图设置: 渐变: + +渐变(线型) Ctx.createLinearGradient(x1,y1,x2,y3) +渐变(中心) Ctx.createCircularGradient(x,y,r) +渐变(实例) Var ctx=wx.createCanvasContext(“myCanvas”); Var grd=ctx.createLinearGradient(0,0,100,0); Grd.addColorStop(0,”red”); Grd.addColorStop(1,“white”); Ctx.setFillStyle(grd); Ctx.fillRect(5,5,120,25); 内边外: 内:填充样式;边:边框样式;外:阴影样式 + +样式(填充) Ctx.setFillStyle(style) +样式(边框) Ctx.setStrokeStyle(style) +样式(阴影) Ctx.setShadow(offsetX,offsetY,blur,color) 线 + +线样式(粗细) Ctx.setLineWidth(width) +线样式(端点) Ctx.setLineCap(“round”) +线样式(交接) Ctx.setLineJoin(“round”) +线样式(斜度) Ctx.setMiteLimit(degree) 文本: + +文本(字号) Ctx.setFontSize(size) +文本(对齐) Ctx.setTextAlign(“center”) 全局: + +透明度(全局) Ctx.setGlobalAlpha(value) 第3节:绘图变形: 缩放: + +缩放 Ctx.scale(w,h) 旋转: + +旋转 Ctx.rotate(x,y) 位移: + +位移 Ctx.tanslate(x,y) 第4节:小程序级: 创建画布 + +创建画布(常规) wx.createCanvasContentText(canvas-id) +创建画布(舍弃) wx.createContentText(canvas-id) 输出图片 + +输出图片 wx.canasToTempFilePath(path) 第5节:画布级: 绘制: + +绘制 Ctx.draw() 保存与恢复: + +保存 Ctx.save() +恢复 Ctx.restore() 清除绘图: + +清除 Ctx.clearAction()

文档评论(0)

专注于电脑软件的下载与安装,各种疑难问题的解决,office办公软件的咨询,文档格式转换,音视频下载等等,欢迎各位咨询!

1亿VIP精品文档

相关文档