文章标题关闭所有内容预览 | 展开所有内容预览
-
微信小程序API 绘图·strokeText
[内容预览]
0 | 2019-01-15 15:01:09
由Carrie创建,最后一次修改2018-03-23canvasContext.strokeText基础库1.9.90开始支持,低版本需做兼容处理定义给定的(x,y)位置绘制文本描边的方法语法canvasContext.strokeText(text,x,y,maxWidth)参数属性值类型说明textString要绘...
[阅读全文]
-
微信小程序API 绘图·arcTo
[内容预览]
0 | 2019-01-15 15:01:08
由Carrie创建,最后一次修改2018-03-23canvasContext.arcTo基础库1.9.90开始支持,低版本需做兼容处理定义根据控制点和半径绘制圆弧路径。语法canvasContext.arcTo(x1,y1,x2,y2,radius)参数属性值类型说明x1Number第一个控制点的x轴坐标y1Numb...
[阅读全文]
-
微信小程序API 绘图·globalCompositeOperation
[内容预览]
0 | 2019-01-15 15:01:07
由Carrie创建,最后一次修改2018-03-13canvasContext.globalCompositeOperation基础库1.9.90开始支持,低版本需做兼容处理定义该属性是设置要在绘制新形状时应用的合成操作的类型。语法canvasContext.globalCompositeOperation=type参...
[阅读全文]
-
微信小程序API 绘图·measureText
[内容预览]
0 | 2019-01-15 15:01:05
由Carrie创建,最后一次修改2018-03-13canvasContext.measureText基础库1.9.90开始支持,低版本需做兼容处理定义测量文本尺寸信息,目前仅返回文本宽度。同步接口。参数参数类型说明textString要测量的文本返回返回TextMetrics对象,结构如下:参数类型说明widthNu...
[阅读全文]
-
微信小程序API 绘图·clearActions (不推荐使用)
[内容预览]
0 | 2019-01-15 15:01:04
由?﹏???ζ???﹏﹏?创建,Carrie最后一次修改2016-12-27绘图接口和方法canvasContext.clearActions(不推荐使用)清空绘图上下文的绘图动作。绘图接口和方法
[阅读全文]
-
微信小程序API 绘图·getActions(不推荐使用)
[内容预览]
0 | 2019-01-15 15:01:03
由?﹏???ζ???﹏﹏?创建,最后一次修改2016-12-27绘图接口和方法getActions(不推荐使用)返回绘图上下文的绘图动作。绘图接口和方法
[阅读全文]
-
微信小程序API 绘图·draw(进行绘图)
[内容预览]
0 | 2019-01-15 15:01:02
由?﹏???ζ???﹏﹏?创建,Carrie最后一次修改2016-12-27绘图接口和方法canvasContext.draw定义将之前在绘图上下文中的描述(路径、变形、样式)画到canvas中。Tip:绘图上下文需要由wx.createCanvasContext(canvasId)来创建。参数参数类型说明最低版本re...
[阅读全文]
-
微信小程序save/restore(保存和恢复绘图上下文)
[内容预览]
0 | 2019-01-15 15:01:01
由?﹏???ζ???﹏﹏?创建,youj最后一次修改2016-12-26绘图接口和方法canvasContext.save定义保存当前的绘图上下文。restore定义恢复之前保存的绘图上下文。例子constctx=wx.createCanvasContext('myCanvas')//savethedefaultfil...
[阅读全文]
-
微信小程序API 绘图中使用setGlobalAlpha设置全局画笔透明度
[内容预览]
0 | 2019-01-15 15:01:00
由?﹏???ζ???﹏﹏?创建,youj最后一次修改2016-12-26绘图接口和方法canvasContext.setGlobalAlpha定义设置全局画笔透明度。参数参数类型范围说明alphaNumber0~1透明度,0表示完全透明,1表示完全不透明例子constctx=wx.createCanvasContext...
[阅读全文]
-
微信小程序API中,使用drawImage完成绘制图像,图像保持原始尺寸
[内容预览]
0 | 2019-01-15 15:00:58
由?﹏???ζ???﹏﹏?创建,youj最后一次修改2016-12-26绘图接口和方法canvasContext.drawImage定义绘制图像,图像保持原始尺寸。参数参数类型说明imageResourceString所要绘制的图片资源xNumber图像左上角的x坐标yNumber图像左上角的y坐标widthNumbe...
[阅读全文]
-
微信小程序API·setTextBaseline(设置文字水平对齐)
[内容预览]
0 | 2019-01-15 15:00:57
由youj创建,最后一次修改2017-08-16绘图接口和方法canvasContext.setTextBaseline基础库1.4.0开始支持,低版本需做兼容处理定义用于设置文字的水平对齐参数参数类型定义textBaselineString可选值'top'、'bottom'、'middle'、'normal'示例代码...
[阅读全文]
-
微信小程序API·setTextAlign(用于设置文字的对齐)
[内容预览]
0 | 2019-01-15 15:00:56
由?﹏???ζ???﹏﹏?创建,youj最后一次修改2017-04-12绘图接口和方法canvasContext.setTextAlign基础库版本1.1.0开始支持,低版本需做兼容处理定义用于设置文字的对齐参数参数类型定义alignString可选值'left'、'center'、'right'示例代码:constc...
[阅读全文]
-
微信小程序绘图API中使用fillText在画布上绘制被填充的文本
[内容预览]
0 | 2019-01-15 15:00:55
由?﹏???ζ???﹏﹏?创建,youj最后一次修改2016-12-26绘图接口和方法canvasContext.fillText定义在画布上绘制被填充的文本。参数参数类型说明textString在画布上输出的文本xNumber绘制文本的左上角x坐标位置yNumber绘制文本的左上角y坐标位置例子constctx=wx...
[阅读全文]
-
微信小程序API 绘图setFontSize(设置字号)
[内容预览]
0 | 2019-01-15 15:00:54
由?﹏???ζ???﹏﹏?创建,youj最后一次修改2016-12-26绘图接口和方法canvasContext.setFontSize定义设置字体的字号。参数参数类型说明fontSizeNumber字体的字号例子constctx=wx.createCanvasContext('myCanvas')ctx.setFon...
[阅读全文]
-
微信小程序canvas中使用translate对坐标原点进行缩放
[内容预览]
0 | 2019-01-15 15:00:52
由?﹏???ζ???﹏﹏?创建,youj最后一次修改2016-12-26绘图接口和方法canvasContext.translate定义对当前坐标系的原点(0,0)进行变换,默认的坐标系原点为页面左上角。参数参数类型说明xNumber水平坐标平移量yNumber竖直坐标平移量例子constctx=wx.createCa...
[阅读全文]
-
微信小程序API 绘图对坐标轴进行顺时针旋转
[内容预览]
0 | 2019-01-15 15:00:51
由?﹏???ζ???﹏﹏?创建,youj最后一次修改2016-12-24绘图接口和方法canvasContext.rotate定义以原点为中心,原点可以用translate方法修改。顺时针旋转当前坐标轴。多次调用rotate,旋转的角度会叠加。参数参数类型说明rotateNumber旋转角度,以弧度计(degrees*...
[阅读全文]
-
在微信小程序中调用scale方法对横纵坐标进行缩放
[内容预览]
0 | 2019-01-15 15:00:50
由?﹏???ζ???﹏﹏?创建,youj最后一次修改2016-12-24绘图接口和方法canvasContext.scale定义在调用scale方法后,之后创建的路径其横纵坐标会被缩放。多次调用scale,倍数会相乘。参数参数类型说明scaleWidthNumber横坐标缩放的倍数(1=100%,0.5=50%,2=2...
[阅读全文]
-
在微信小程序API绘图中创建三次方贝塞尔曲线路径
[内容预览]
0 | 2019-01-15 15:00:49
由?﹏???ζ???﹏﹏?创建,youj最后一次修改2016-12-24绘图接口和方法canvasContext.bezierCurveTo定义创建三次方贝塞尔曲线路径。Tip:曲线的起始点为路径中前一个点。参数参数类型说明cp1xNumber第一个贝塞尔控制点的x坐标cp1yNumber第一个贝塞尔控制点的y坐标cp...
[阅读全文]
-
在微信小程序绘图API中创建二次方贝塞尔曲线
[内容预览]
0 | 2019-01-15 15:00:48
由?﹏???ζ???﹏﹏?创建,youj最后一次修改2016-12-24绘图接口和方法canvasContext.quadraticCurveTo定义创建二次贝塞尔曲线路径。Tip:曲线的起始点为路径中前一个点。参数参数类型说明cpxNumber贝塞尔控制点的x坐标cpyNumber贝塞尔控制点的y坐标xNumber结...
[阅读全文]
-
使用arc()方法在微信小程序canvas中画弧线
[内容预览]
0 | 2019-01-15 15:00:46
由?﹏???ζ???﹏﹏?创建,小路依依最后一次修改2016-12-24绘图接口和方法canvasContext.arc定义画一条弧线。Tip:创建一个圆可以用arc()方法指定起始弧度为0,终止弧度为2*Math.PI。Tip:用stroke()或者fill()方法来在canvas中画弧线。参数参数类型说明xNumb...
[阅读全文]
-
微信小程序中使用lineTo方法增加一个新点
[内容预览]
0 | 2019-01-15 15:00:45
由?﹏???ζ???﹏﹏?创建,youj最后一次修改2016-12-24绘图接口和方法canvasContext.lineTo定义lineTo方法增加一个新点,然后创建一条从上次指定点到目标点的线。Tip:用stroke()方法来画线条参数参数类型说明xNumber目标位置的x坐标yNumber目标位置的y坐标例子co...
[阅读全文]
-
微信小程序使用moveTo把路径移动到画布中的指定点,不创建线条
[内容预览]
0 | 2019-01-15 15:00:43
由?﹏???ζ???﹏﹏?创建,youj最后一次修改2016-12-24绘图接口和方法canvasContext.moveTo定义把路径移动到画布中的指定点,不创建线条。Tip:用stroke()方法来画线条参数参数类型说明xNumber目标位置的x坐标yNumber目标位置的y坐标例子constctx=wx.crea...
[阅读全文]
-
微信小程序API 绘图closePath(关闭一个路径)
[内容预览]
0 | 2019-01-15 15:00:42
由?﹏???ζ???﹏﹏?创建,youj最后一次修改2016-12-24绘图接口和方法canvasContext.closePath定义关闭一个路径Tip:关闭路径会连接起点和终点。Tip:如果关闭路径后没有调用fill()或者stroke()并开启了新的路径,那之前的路径将不会被渲染。例子constctx=wx.cr...
[阅读全文]
-
微信小程序API 绘图beginPath(开始一个路径)
[内容预览]
0 | 2019-01-15 15:00:41
由?﹏???ζ???﹏﹏?创建,youj最后一次修改2016-12-24绘图接口和方法canvasContext.beginPath定义开始创建一个路径,需要调用fill或者stroke才会使用路径进行填充或描边。Tip:在最开始的时候相当于调用了一次beginPath()。Tip:同一个路径内的多次setFillSt...
[阅读全文]
-
微信小程序API 绘图stroke(对当前路径进行描边)
[内容预览]
0 | 2019-01-15 15:00:40
由?﹏???ζ???﹏﹏?创建,youj最后一次修改2016-12-24绘图接口和方法canvasContext.stroke定义画出当前路径的边框。默认颜色色为黑色。Tip:stroke()描绘的的路径是从beginPath()开始计算,但是不会将strokeRect()包含进去,详情见例二。例子constctx=w...
[阅读全文]
-
微信小程序API 绘图fill(对当前路径进行填充)
[内容预览]
0 | 2019-01-15 15:00:38
由?﹏???ζ???﹏﹏?创建,youj最后一次修改2016-12-24绘图接口和方法canvasContext.fill定义对当前路径中的内容进行填充。默认的填充色为黑色。Tip:如果当前路径没有闭合,fill()方法会将起点和终点进行连接,然后填充,详情见例一。Tip:fill()填充的的路径是从beginPath...
[阅读全文]
-
微信小程序API 绘图clearRect(在给定的矩形区域内,清除画布上的像素)
[内容预览]
0 | 2019-01-15 15:00:36
由?﹏???ζ???﹏﹏?创建,youj最后一次修改2016-12-24绘图接口和方法canvasContext.clearRect定义清除画布上在该矩形区域内的内容。Tip:clearRect并非画一个白色的矩形在地址区域,而是清空,为了有直观感受,对canvas加了一层背景色。<canvascanvas-id="m...
[阅读全文]
-
微信小程序API 绘图strokeRect(画一个矩形,非填充)
[内容预览]
0 | 2019-01-15 15:00:34
由?﹏???ζ???﹏﹏?创建,youj最后一次修改2016-12-24绘图接口和方法canvasContext.strokeRect定义画一个矩形(非填充)。Tip:用setFillStroke()设置矩形线条的颜色,如果没设置默认是黑色。参数参数类型范围说明xNumber矩形路径左上角的x坐标yNumber矩形路径...
[阅读全文]
-
微信小程序API 绘图fillRect(填充矩形)
[内容预览]
0 | 2019-01-15 15:00:33
由?﹏???ζ???﹏﹏?创建,youj最后一次修改2016-12-24绘图接口和方法canvasContext.fillRect定义填充一个矩形。Tip:用setFillStyle()设置矩形的填充色,如果没设置默认是黑色。参数参数类型说明xNumber矩形路径左上角的x坐标yNumber矩形路径左上角的y坐标wid...
[阅读全文]
-
微信小程序API 绘图rect创建矩形
[内容预览]
0 | 2019-01-15 15:00:32
由?﹏???ζ???﹏﹏?创建,youj最后一次修改2016-12-24绘图接口和方法canvasContext.rect定义创建一个矩形。Tip:用fill()或者stroke()方法将矩形真正的画到canvas中。参数参数类型说明xNumber矩形路径左上角的x坐标yNumber矩形路径左上角的y坐标widthNu...
[阅读全文]