• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号
登陆 注册
OStack程序员社区-中国程序员成长平台 › 门户 › 编程› 移动开发›微信小程序开发文档

微信小程序开发文档

RSS
  • 使用arc()方法在微信小程序canvas中画弧线
    使用arc()方法在微信小程序canvas中画弧线
    绘图接口和方法canvasContext.arc定义画一条弧线。Tip: 创建一个圆可以用arc()方法指定起始弧度为0，终止弧度为2 * Math.PI。Tip: 用stroke()或者fill()方法来在 canvas 中画弧线。参数参数类型说明xNumber圆的x坐标 ...……
    作者：菜鸟教程小白 | 时间：2022-2-2 15:24 | 阅读：68 | 回复：0
  • 在微信小程序绘图API中创建二次方贝塞尔曲线
    在微信小程序绘图API中创建二次方贝塞尔曲线
    绘图接口和方法canvasContext.quadraticCurveTo定义创建二次贝塞尔曲线路径。Tip: 曲线的起始点为路径中前一个点。参数参数类型说明cpxNumber贝塞尔控制点的x坐标cpyNumber贝塞尔控制点的y坐标xNumber结束点的x坐标y ...……
    作者：菜鸟教程小白 | 时间：2022-2-2 15:24 | 阅读：74 | 回复：0
  • 在微信小程序API绘图中创建三次方贝塞尔曲线路径
    在微信小程序API绘图中创建三次方贝塞尔曲线路径
    绘图接口和方法canvasContext.bezierCurveTo定义创建三次方贝塞尔曲线路径。Tip: 曲线的起始点为路径中前一个点。参数参数类型说明cp1xNumber第一个贝塞尔控制点的 x 坐标cp1yNumber第一个贝塞尔控制点的 y 坐标cp2x ...……
    作者：菜鸟教程小白 | 时间：2022-2-2 15:24 | 阅读：68 | 回复：0
  • 在微信小程序中调用scale方法对横纵坐标进行缩放
    在微信小程序中调用scale方法对横纵坐标进行缩放
    绘图接口和方法canvasContext.scale定义在调用scale方法后，之后创建的路径其横纵坐标会被缩放。多次调用scale，倍数会相乘。参数参数类型说明scaleWidthNumber横坐标缩放的倍数 (1 = 100%，0.5 = 50%，2 = 200%)sca ...……
    作者：菜鸟教程小白 | 时间：2022-2-2 15:24 | 阅读：74 | 回复：0
  • 微信小程序API 绘图对坐标轴进行顺时针旋转
    微信小程序API 绘图对坐标轴进行顺时针旋转
    绘图接口和方法canvasContext.rotate定义以原点为中心，原点可以用 translate方法修改。顺时针旋转当前坐标轴。多次调用rotate，旋转的角度会叠加。参数参数类型说明rotateNumber旋转角度，以弧度计(degrees * Math. ...……
    作者：菜鸟教程小白 | 时间：2022-2-2 15:24 | 阅读：81 | 回复：0
  • 微信小程序canvas中使用translate对坐标原点进行缩放
    微信小程序canvas中使用translate对坐标原点进行缩放
    绘图接口和方法canvasContext.translate定义对当前坐标系的原点(0, 0)进行变换，默认的坐标系原点为页面左上角。参数参数类型说明xNumber水平坐标平移量yNumber竖直坐标平移量例子const ctx = wx.createCanvasContex ...……
    作者：菜鸟教程小白 | 时间：2022-2-2 15:24 | 阅读：80 | 回复：0
  • 微信小程序API 绘图setFontSize（设置字号）
    微信小程序API 绘图setFontSize（设置字号）
    绘图接口和方法canvasContext.setFontSize定义设置字体的字号。参数参数类型说明fontSizeNumber字体的字号例子const ctx = wx.createCanvasContext(myCanvas)ctx.setFontSize(20)ctx.fillTex_来自微信小程序开发文档 ...……
    作者：菜鸟教程小白 | 时间：2022-2-2 15:24 | 阅读：73 | 回复：0
  • 微信小程序API 绘图fillRect（填充矩形）
    微信小程序API 绘图fillRect（填充矩形）
    绘图接口和方法canvasContext.fillRect定义填充一个矩形。Tip: 用setFillStyle()设置矩形的填充色，如果没设置默认是黑色。参数参数类型说明xNumber矩形路径左上角的x坐标yNumber矩形路径左上角的y坐标widthNumber矩 ...……
    作者：菜鸟教程小白 | 时间：2022-2-2 15:23 | 阅读：73 | 回复：0
  • 微信小程序API 绘图strokeRect（画一个矩形，非填充）
    微信小程序API 绘图strokeRect（画一个矩形，非填充）
    绘图接口和方法canvasContext.strokeRect定义画一个矩形(非填充)。Tip：用setFillStroke()设置矩形线条的颜色，如果没设置默认是黑色。参数参数类型范围说明xNumber矩形路径左上角的x坐标yNumber矩形路径左上角的y坐 ...……
    作者：菜鸟教程小白 | 时间：2022-2-2 15:23 | 阅读：80 | 回复：0
  • 微信小程序API 绘图clearRect（在给定的矩形区域内，清除画布上的像素） ...
    微信小程序API 绘图clearRect（在给定的矩形区域内，清除画布上的像素） ...
    绘图接口和方法canvasContext.clearRect定义清除画布上在该矩形区域内的内容。Tip: clearRect 并非画一个白色的矩形在地址区域，而是清空，为了有直观感受，对 canvas 加了一层背景色。canvas canvas-id=myCanvas_来 ...……
    作者：菜鸟教程小白 | 时间：2022-2-2 15:23 | 阅读：64 | 回复：0
  • 微信小程序API 绘图fill（对当前路径进行填充）
    微信小程序API 绘图fill（对当前路径进行填充）
    绘图接口和方法canvasContext.fill定义对当前路径中的内容进行填充。默认的填充色为黑色。Tip: 如果当前路径没有闭合，fill()方法会将起点和终点进行连接，然后填充，详情见例一。Tip:fill()填充的的路径是从beginPa ...……
    作者：菜鸟教程小白 | 时间：2022-2-2 15:23 | 阅读：64 | 回复：0
  • 微信小程序API 绘图stroke（对当前路径进行描边）
    微信小程序API 绘图stroke（对当前路径进行描边）
    绘图接口和方法canvasContext.stroke定义画出当前路径的边框。默认颜色色为黑色。Tip:stroke()描绘的的路径是从beginPath()开始计算，但是不会将strokeRect()包含进去，详情见例二。例子const ctx = wx.createCanvas ...……
    作者：菜鸟教程小白 | 时间：2022-2-2 15:23 | 阅读：71 | 回复：0
  • 微信小程序API 绘图beginPath（开始一个路径）
    微信小程序API 绘图beginPath（开始一个路径）
    绘图接口和方法canvasContext.beginPath定义开始创建一个路径，需要调用fill或者stroke才会使用路径进行填充或描边。Tip: 在最开始的时候相当于调用了一次beginPath()。Tip: 同一个路径内的多次setFillStyle()、setS ...……
    作者：菜鸟教程小白 | 时间：2022-2-2 15:23 | 阅读：79 | 回复：0
  • 微信小程序API 绘图closePath（关闭一个路径）
    微信小程序API 绘图closePath（关闭一个路径）
    绘图接口和方法canvasContext.closePath定义关闭一个路径Tip: 关闭路径会连接起点和终点。Tip: 如果关闭路径后没有调用fill()或者stroke()并开启了新的路径，那之前的路径将不会被渲染。例子const ctx = wx.createCa ...……
    作者：菜鸟教程小白 | 时间：2022-2-2 15:23 | 阅读：68 | 回复：0
  • 微信小程序使用moveTo把路径移动到画布中的指定点，不创建线条 ...
    微信小程序使用moveTo把路径移动到画布中的指定点，不创建线条 ...
    绘图接口和方法canvasContext.moveTo定义把路径移动到画布中的指定点，不创建线条。Tip: 用stroke()方法来画线条参数参数类型说明xNumber目标位置的x坐标yNumber目标位置的y坐标例子const ctx = wx.createCanvasCont ...……
    作者：菜鸟教程小白 | 时间：2022-2-2 15:23 | 阅读：73 | 回复：0
  • 微信小程序API 绘图createLinearGradient（创建线性渐变）
    微信小程序API 绘图createLinearGradient（创建线性渐变）
    绘图接口和方法canvasContext.createLinearGradient定义创建一个线性的渐变颜色。Tip: 需要使用addColorStop()来指定渐变点，至少要两个。参数参数类型定义x0Number起点的x坐标y0Number起点的y坐标x1Number终点的x坐 ...……
    作者：菜鸟教程小白 | 时间：2022-2-2 15:22 | 阅读：74 | 回复：0
  • 微信小程序API 绘图createCircularGradient（创建圆形渐变）
    微信小程序API 绘图createCircularGradient（创建圆形渐变）
    绘图接口和方法canvasContext.createCircularGradient定义创建一个圆形的渐变颜色。Tip: 起点在圆心，终点在圆环。Tip: 需要使用addColorStop()来指定渐变点，至少要两个。参数参数类型定义xNumber圆心的x坐标yNumbe ...……
    作者：菜鸟教程小白 | 时间：2022-2-2 15:22 | 阅读：72 | 回复：0
  • 微信小程序API绘图addColorStop（创建颜色渐变点）
    微信小程序API绘图addColorStop（创建颜色渐变点）
    绘图接口和方法canvasContext.addColorStop定义创建一个颜色的渐变点。Tip: 小于最小 stop 的部分会按最小 stop 的 color 来渲染，大于最大 stop 的部分会按最大 stop 的 color 来渲染。Tip: 需要使用addColorStop() ...……
    作者：菜鸟教程小白 | 时间：2022-2-2 15:22 | 阅读：70 | 回复：0
  • 微信小程序API 绘图setLineWidth（设置线条宽度）
    微信小程序API 绘图setLineWidth（设置线条宽度）
    绘图接口和方法canvasContext.setLineWidth定义设置线条的宽度。参数参数类型说明lineWidthNumber线条的宽度(单位是px)例子const ctx = wx.createCanvasContext(myCanvas)ctx.beginPath()ctx.mov_来自微信小程序开发 ...……
    作者：菜鸟教程小白 | 时间：2022-2-2 15:22 | 阅读：70 | 回复：0
  • 微信小程序API 绘图setLineCap（设置线条端点样式）
    微信小程序API 绘图setLineCap（设置线条端点样式）
    绘图接口和方法canvasContext.setLineCap定义设置线条的端点样式。参数参数类型范围说明lineCapStringbutt、round、square线条的结束端点样式示例代码：const ctx = wx.createCanvasContext(myCanvas)_来自微信小程 ...……
    作者：菜鸟教程小白 | 时间：2022-2-2 15:22 | 阅读：70 | 回复：0
  • 微信小程序API 绘图setLineJoin（设置线条交点样式）
    微信小程序API 绘图setLineJoin（设置线条交点样式）
    绘图接口和方法canvasContext.setLineJoin定义设置线条的交点样式。参数参数类型范围说明lineJoinStringbevel、round、miter线条的结束交点样式例子const ctx = wx.createCanvasContext(myCanvas)c_来自微信小程序开 ...……
    作者：菜鸟教程小白 | 时间：2022-2-2 15:22 | 阅读：76 | 回复：0
  • 微信小程序API 绘图setMiterLimit（设置最大倾斜）
    微信小程序API 绘图setMiterLimit（设置最大倾斜）
    绘图接口和方法canvasContext.setMiterLimit定义设置最大斜接长度，斜接长度指的是在两条线交汇处内角和外角之间的距离。 当setLineJoin()为 miter 时才有效。超过最大倾斜长度的，连接处将以 lineJoin 为 bevel 来 ...……
    作者：菜鸟教程小白 | 时间：2022-2-2 15:22 | 阅读：89 | 回复：0
  • 微信小程序API 绘图rect创建矩形
    微信小程序API 绘图rect创建矩形
    绘图接口和方法canvasContext.rect定义创建一个矩形。Tip: 用fill()或者stroke()方法将矩形真正的画到 canvas 中。参数参数类型说明xNumber矩形路径左上角的x坐标yNumber矩形路径左上角的y坐标widthNumber矩形路径的 ...……
    作者：菜鸟教程小白 | 时间：2022-2-2 15:22 | 阅读：88 | 回复：0
  • 微信小程序API gradient（如何绘制渐变效果）
    微信小程序API gradient（如何绘制渐变效果）
    绘图接口和方法渐变渐变能用于填充一个矩形，圆，线，文字等。填充色可以不固定位固定的一种颜色。我们提供了两种颜色渐变的方式：createLinearGradient(x, y, x1, y1)- 创建一个线性的渐变createCircularGradient(x ...……
    作者：菜鸟教程小白 | 时间：2022-2-2 15:21 | 阅读：66 | 回复：0
  • 微信小程序API color（绘图颜色）
    微信小程序API color（绘图颜色）
    Color可以用以下几种方式来表示 canvas 中使用的颜色：RGB 颜色：如rgb(255, 0, 0)RGBA 颜色：如rgba(255, 0, 0, 0.3)16 进制颜色：如#FF0000预定义的颜色：如red其中预定义颜色有以下148个：Note: Color Name_来自 ...……
    作者：菜鸟教程小白 | 时间：2022-2-2 15:21 | 阅读：57 | 回复：0
  • 微信小程序API wx.createCanvasContext(canvasId)（绘图上下文）
    微信小程序API wx.createCanvasContext(canvasId)（绘图上下文）
    绘图接口和方法wx.createCanvasContext(canvasId)定义创建 canvas 绘图上下文（指定 canvasId）Tip: 需要指定 canvasId，该绘图上下文只作用于对应的canvas/参数参数类型说明canvasIdString画布表示，传入定义在&l_ ...……
    作者：菜鸟教程小白 | 时间：2022-2-2 15:21 | 阅读：59 | 回复：0
  • 微信小程序API 创建并返回上下文 wx.createContext (不推荐使用)
    微信小程序API 创建并返回上下文 wx.createContext (不推荐使用)
    绘图接口和方法wx.createContext (不推荐使用)创建并返回绘图上下文。绘图接口和方法_来自微信小程序开发文档……
    作者：菜鸟教程小白 | 时间：2022-2-2 15:21 | 阅读：65 | 回复：0
  • 微信小程序API 绘图·绘制画布 drawCanvas (不推荐使用)
    微信小程序API 绘图·绘制画布 drawCanvas (不推荐使用)
    绘图接口和方法drawCanvas (不推荐使用)定义用所提供的 actions 在所给的 canvas-id 对应的 canvas 上进行绘图。参数参数类型说明canvasIdString画布标识，传入canvas/的 cavas-idactionsArray绘图动作数组，由 wx_ ...……
    作者：菜鸟教程小白 | 时间：2022-2-2 15:21 | 阅读：65 | 回复：0
  • 微信小程序API 绘图·导出图片canvasToTempFilePath(OBJECT)
    微信小程序API 绘图·导出图片canvasToTempFilePath(OBJECT)
    绘图接口和方法wx.canvasToTempFilePath(OBJECT)把当前画布指定区域的内容导出生成指定大小的图片，并返回文件路径。OBJECT参数说明： 参数 类型_来自微信小程序开发文档 ...……
    作者：菜鸟教程小白 | 时间：2022-2-2 15:21 | 阅读：64 | 回复：0
  • 微信小程序API 绘图·设置填充样式setFillStyle
    微信小程序API 绘图·设置填充样式setFillStyle
    绘图接口和方法canvasContext.setFillStyle定义设置填充色。Tip: 如果没有设置fillStyle，默认颜色为black。参数参数类型定义colorColorGradient Object填充色例子const ctx = wx.createCanvas_来自微信小程序开发文 ...……
    作者：菜鸟教程小白 | 时间：2022-2-2 15:21 | 阅读：63 | 回复：0
  • 微信小程序API 绘图setStrokeStyle（设置线条样式）
    微信小程序API 绘图setStrokeStyle（设置线条样式）
    绘图接口和方法canvasContext.setStrokeStyle定义设置边框颜色。Tip: 如果没有设置fillStyle，默认颜色为black。参数参数类型定义colorColorGradient Object填充色例子const ctx = wx.createCanvasCon_来自微信小程 ...……
    作者：菜鸟教程小白 | 时间：2022-2-2 15:21 | 阅读：78 | 回复：0
  • 微信小程序API 绘图setShadow（设置阴影样式）
    微信小程序API 绘图setShadow（设置阴影样式）
    绘图接口和方法canvasContext.setShadow定义设置阴影样式。Tip: 如果没有设置，offsetX 默认值为0， offsetY 默认值为0， blur 默认值为0，color 默认值为black。参数参数类型范围定义offsetXNumber阴影相对于形状在 ...……
    作者：菜鸟教程小白 | 时间：2022-2-2 15:21 | 阅读：78 | 回复：0
  • 微信小程序API 设置置顶信息
    微信小程序API 设置置顶信息
    wx.setTopBarText(OBJECT)基础库 1.4.3 开始支持，低版本需做兼容处理动设置置顶栏文字内容，只有当前小程序被置顶时能生效，如果当前小程序没有被置顶，也能调用成功，但是不会立即生效，只有在用户将这个小程序置 ...……
    作者：菜鸟教程小白 | 时间：2022-2-2 15:20 | 阅读：70 | 回复：0
  • 微信小程序API 导航
    微信小程序API 导航
    为了满足大家查询需要，我们收集并整理了一份 :微信小程序导航大全你可以很方便的通过扫二维码去使用这些小程序。wx.navigateTo(OBJECT)保留当前页面，跳转到应用内的某个页面，使用wx.navigateBack可以返回到原页面 ...……
    作者：菜鸟教程小白 | 时间：2022-2-2 15:20 | 阅读：65 | 回复：0
  • 微信小程序API 动画
    微信小程序API 动画
    wx.createAnimation(OBJECT)​ 创建一个动画实例animation。调用实例的方法来描述动画。最后通过动画实例的export方法导出动画数据传递给组件的animation属性。注意:export方法每次调用后会清掉之前的动画操作 OB ...……
    作者：菜鸟教程小白 | 时间：2022-2-2 15:20 | 阅读：72 | 回复：0
  • 微信小程序API 位置
    微信小程序API 位置
    wx.pageScrollTo(OBJECT)基础库 1.4.0 开始支持，低版本需做兼容处理将页面滚动到目标位置。OBJECT参数说明：属性类型默认值必填说明最低版本scrollTopnumber否&n_来自微信小程序开发文档 ...……
    作者：菜鸟教程小白 | 时间：2022-2-2 15:20 | 阅读：64 | 回复：0
  • 微信小程序API 绘图
    微信小程序API 绘图
    API 接口方法说明createCanvasContext创建 canvas 绘图上下文(指定 canvasId)createContext(不推荐使用)创建 canvas 绘图上下文drawCanvas(不推荐使用)进行绘图canvasToTempFilePath导出图片context 对象的方法_来自 ...……
    作者：菜鸟教程小白 | 时间：2022-2-2 15:20 | 阅读：68 | 回复：0
  • 微信小程序API 绘图介绍（如何在Canvas上画图）
    微信小程序API 绘图介绍（如何在Canvas上画图）
    绘图接口和方法在Canvas上画图所有在canvas/中的画图必须用 JavaScript 完成：WXML：（我们在接下来的例子中如无特殊声明都会用这个 WXML 为模板，不再重复）canvas canvas-id=myCanvas style=border: 1px_来自微信 ...……
    作者：菜鸟教程小白 | 时间：2022-2-2 15:20 | 阅读：67 | 回复：0
  • 微信小程序API coordinates（Canvas 坐标系）
    微信小程序API coordinates（Canvas 坐标系）
    绘图接口和方法Canvas 坐标系canvas 是在一个二维的网格当中。左上角的坐标为(0, 0)。在之前的章节，我们用了这个方法fillRect(0, 0, 150, 75)。它的含义为：从左上角(0, 0)开始，画一个150 x 75px 的矩形。坐标系例 ...……
    作者：菜鸟教程小白 | 时间：2022-2-2 15:20 | 阅读：73 | 回复：0
  • 微信小程序API NFC·MifareUltralight标签
    微信小程序API NFC·MifareUltralight标签
    MifareUltralight基础库 2.11.2 开始支持，低版本需做兼容处理。MifareUltralight 标签方法：MifareUltralight.close(Object object)基础库 2.11.2 开始支持，低版本需做兼容处理。断开连接参数Object objec_来自微 ...……
    作者：菜鸟教程小白 | 时间：2022-2-2 15:19 | 阅读：75 | 回复：0
热门推荐
More+
专题导读
More+
热门话题
More+
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服（服务时间 9:00～18:00）

在线QQ客服
地址：深圳市南山区西丽大学城创智工业园
电邮：jeky_zhao#qq.com
移动电话：139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap