codecamp

百度智能小程序 创建CanvasContext

swan.createCanvasContext

解释:在 Page 中,推荐使用this.createCanvasContext(canvasId),进行绘图上下文的创建。也可使用swan.createCanvasContext(canvasId),但使用swan.createCanvasContext(canvasId)进行创建时,并非在执行所在的 Page 对象中使用 canvasId 进行查找,而是在用户当前可视的 Page 中使用 canvasId 进行查找。

方法参数

String canvasId

canvasId 参数说明:要获取 canvas 组件的 id 。

返回值

CanvasContext

示例 

在开发者工具中打开


图片示例

代码示例

<canvas canvas-id="canvas"></canvas>

    Page({
        onReady() {
            this.canvasContext = swan.createCanvasContext('canvas');
            // 创建出画布实例,使用详见 CanvasContext (https://smartprogram.baidu.com/docs/develop/api/show/canvas_CanvasContext/)
        }
    })


    百度智能小程序 画布
    百度智能小程序 像素数据绘制到画布
    温馨提示
    下载编程狮App,免费阅读超1000+编程语言教程
    取消
    确定
    目录

    百度智能小程序开发文档

    百度智能小程序 组件

    百度智能小程序 地图

    百度智能小程序 画布

    百度智能小程序 API

    百度智能小程序 界面

    百度智能小程序 关注小程序引导组件

    百度智能小程序 自定义组件

    百度智能小程序 媒体

    百度智能小程序 设备

    百度智能小程序 拨打电话

    百度智能小程序 内存警报

    百度智能小程序 手机联系人

    百度智能小程序 用户截屏事件

    百度智能小程序 第三方平台

    百度智能小程序 开放接口

    百度智能小程序 百度收银支付

    百度智能小程序 分包预下载

    百度智能小程序 数据分析

    百度智能小程序 服务端

    百度智能小程序 云开发

    百度智能小程序 初始化

    百度智能小程序 云函数

    百度智能小程序 服务端初始化

    百度智能小程序 服务器获取上下文

    百度智能小程序 服务端云函数

    百度智能小程序 开发教程

    百度智能小程序 功能开发

    百度智能小程序 基本原理

    百度智能小程序 小程序自动化

    百度智能小程序 视频教程

    关闭

    MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }