canvas

一开始我们老师安排我做这个作业，在这个作业我遇到了一个很重大的问题就是，文字旋转这么旋转，我查了很多资料。 　 　 1发现绘画正方形，使他正方形中心原点旋转非常容易理解。（我相信这个很多人看一下都会懂,） 　　　　 　　　　　　　　　 　1.translate(x,y):平移，将画布的坐标原点向左右方向移动x，向上下方向移动y.canvas的默认位置是在（0,0）. 　　　　　　　　　　　　例子：画布原点假如落在（1，1），那么translate（10，10）就是在原点（1，1）基础上分别在x轴、y轴移动10，则原点变为（11,11）。 　　　　　　　　　　 　　　　　　　　　 　 2.我来说说怎么转移到中心点，假如，fillRect(50,50,100,100)的正方形（矩形也是一样的），坐标在（50，50）建立了一个长，宽各100的正方形，但是呢正方形的中点究竟在那里呢，公式是：cvContent.translate(x+width/2,y+height/2);就能找到中心点了， 也就是说cvContent.translate(125,125)才是正方行的中心点，如图下，找到中心点后直接旋转就行了。 　　　　 注意了：正方形之所以能旋转，有一下这两个 　　　　　　cvContext.translate(); 　　// 　　　　　　 cvContext.rotate(45 *

小程序canvas生成图片并保存在本地,舍己图片的绘制，和权限申请和图片的保存。 官网文档 微信小程序官方文档 用到的相关api api 描述 示例 wx.getSystemInfo 获取手机的屏幕信息（宽、高等） wx.getSystemInfo({}) wx.createCanvasContext 创建canvas上下文对象 const ctx = wx.createCanvasContext(“my-canvas”, this); ctx.setFillStyle 设置画笔颜色 ctx.setFillStyle("#ccc"); ctx.fillRect(0, 0, sWidth, 350) 填充一个矩形 ctx.fillRect(0, 0, sWidth, 350); ctx.drawImage 将一张图片填充进画布 ctx.drawImage("/test.jpg", 0, 0, 1440, 900, 20, 20, sWidth - 40, 210) ctx.setFontSize 设置字体颜色 ctx.setFontSize(16); ctx.draw 将缓存重的图像画出来（将之前在绘图上下文中的描述（路径、变形、样式）画到 canvas 中） ctx.draw(); wx.getSetting 获取用户的授权设置 wx.getSetting({}) wx