讲师中心 微信公众号
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机游戏
最近更新

手册

目录

微信小程序 框架
MINA 文件目录结构 小程序配置
逻辑层(App Service)
注册程序 注册页面 模块化 API
微信小程序 WXML
微信小程序 数据绑定 微信小程序 条件渲染 wx:if 微信小程序 列表渲染 wx:for 微信小程序 模板 微信小程序 事件 微信小程序 引用 微信小程序 WXSS 微信小程序 基础组件 微信小程序WeUI.js网页开发样式库
视图容器
微信小程序视图容器 微信小程序可滚动视图区域 微信小程序滑块视图容器
基础内容
微信小程序内容组件图标 icon 微信小程序内容组件 text（文本） 微信小程序内容组件 进度条：progress
表单组件
微信小程序按钮组件：button 微信小程序表单组件 checkbox 微信小程序表单组件 form 微信小程序表单组件输入框 input 微信小程序表单组件 label 微信小程序表单组件选择器 picker 微信小程序表单组件picker-view（嵌入页面的滚动选择器） 微信小程序表单组件单选框 radio 微信小程序表单组件滑动选择器 slider 微信小程序表单组件 开关 switch 微信小程序表单组件多行输入框 textarea
操作反馈
wxapp操作反馈上拉菜单 action-sheet wxapp操作反馈模式对话框 modal wxapp操作反馈消息提示框：toast wxapp操作反馈消息提示框：loading
微信小程序导航
微信小程序导航 navigator
媒体组件
媒体组件 audio 媒体组件 image 媒体组件 video（视频）
地图
微信小程序地图 map
画布
wxapp画布 canvas
客服会话
微信小程序组件 contact-button（客服会话按钮）
网络
微信小程序API 发起请求 微信小程序API 上传、下载 微信小程序API Websocket
媒体
微信小程序API 图片 微信小程序API 录音 微信小程序API 音频播放控制 微信小程序API 音乐播放控制 微信小程序API 视频 微信小程序音频组件控制 微信小程序视频组件控制 微信小程序API 文件
数据
微信小程序API 数据缓存
位置
微信小程序API 位置 微信小程序API 获取位置 微信小程序API 查看位置 微信小程序API 地图组件控制
设备
微信小程序API 系统信息 微信小程序API 网络状态 微信小程序API 重力感应 微信小程序API 罗盘 微信小程序API 拨打电话 微信小程序API 扫码
界面交互
微信小程序API 交互反馈 微信小程序API 设置导航条 微信小程序API 导航 微信小程序API 动画
绘图
微信小程序API 绘图接口（reference）、方法大全 微信小程序API 绘图 微信小程序API 绘图介绍（如何在Canvas上画图） 微信小程序API coordinates（Canvas 坐标系） 微信小程序API gradient（如何绘制渐变效果） 微信小程序API wx.createCanvasContext(canvasId)（绘图上下文） 微信小程序API 绘图·绘制画布 drawCanvas (不推荐使用) 微信小程序API 绘图·导出图片canvasToTempFilePath(OBJECT) 微信小程序API 绘图·设置填充样式setFillStyle 微信小程序API 绘图setStrokeStyle（设置线条样式） 微信小程序API 绘图setShadow（设置阴影样式） 微信小程序API 绘图createLinearGradient（创建线性渐变） 微信小程序API 绘图createCircularGradient（创建圆形渐变） 微信小程序API绘图addColorStop（创建颜色渐变点） 微信小程序API 绘图setLineCap（设置线条端点样式） 微信小程序API 绘图setLineJoin（设置线条交点样式） 微信小程序API 绘图setMiterLimit（设置最大倾斜） 微信小程序API 绘图rect创建矩形 微信小程序API 绘图fillRect（填充矩形） 微信小程序API 绘图strokeRect（画一个矩形，非填充） 微信小程序API 绘图clearRect（在给定的矩形区域内，清除画布上的像素） 微信小程序API 绘图fill（对当前路径进行填充） 微信小程序API 绘图stroke（对当前路径进行描边） 微信小程序API 绘图beginPath（开始一个路径） 微信小程序API 绘图closePath（关闭一个路径） 微信小程序使用moveTo把路径移动到画布中的指定点，不创建线条 微信小程序中使用lineTo方法增加一个新点 使用arc()方法在微信小程序canvas中画弧线 在微信小程序绘图API中创建二次方贝塞尔曲线 在微信小程序API绘图中创建三次方贝塞尔曲线路径 在微信小程序中调用scale方法对横纵坐标进行缩放 微信小程序API 绘图对坐标轴进行顺时针旋转 微信小程序canvas中使用translate对坐标原点进行缩放 微信小程序API 绘图setFontSize（设置字号） 微信小程序绘图API中使用fillText在画布上绘制被填充的文本 微信小程序API中，使用drawImage完成绘制图像，图像保持原始尺寸 微信小程序API 绘图中使用setGlobalAlpha设置全局画笔透明度 微信小程序save/restore（保存和恢复绘图上下文） 微信小程序API 绘图·draw（进行绘图） 微信小程序API 绘图·getActions(不推荐使用) 微信小程序API 绘图·clearActions (不推荐使用) 微信小程序API 其他 微信小程序API 下拉刷新
开放接口
微信小程序API 登录 微信小程序API 用户数据的签名验证和加解密 微信小程序API 用户信息 微信小程序API 微信支付 微信小程序API 模板消息 微信小程序API 接收消息和事件 微信小程序API 发送客服消息 微信小程序API 临时素材接口 微信小程序API 接入指引 微信小程序API 分享 微信小程序API 获取小程序页面二维码
工具
微信小程序工具 概览 微信小程序工具 程序调试的三大主要功能区 微信小程序工具 代码编辑 微信小程序工具 项目页卡三大主要功能 微信小程序工具 下载地址 微信小程序工具细节点 微信小程序开发者工具测试版本的下载 微信小程序 联系我们 微信小程序 Q&A
微信小程序设计规范
微信小程序设计规范（1） 友好礼貌 微信小程序设计规范（2） 清晰明确 微信小程序设计规范（3） 便捷优雅 微信小程序设计规范（4） 统一稳定 微信小程序设计规范（5） 视觉规范

首页 移动端 小程序 微信小程序开发文档

微信小程序API中，使用drawImage完成绘制图像，图像保持原始尺寸

收藏539

阅读91762

更新时间2022-04-11

微信小程序绘图API中使用fillText在画布上绘制被填充的文本

微信小程序API 绘图中使用setGlobalAlpha设置全局画笔透明度

drawImage

定义

绘制图像，图像保持原始尺寸。

参数

QQ截图20170208145724.png

例子

const ctx = wx.createCanvasContext('myCanvas')

wx.chooseImage({
  success: function(res){
    ctx.drawImage(res.tempFilePaths[0], 0, 0, 150, 100)
    ctx.draw()
  }
})

201612261752293491.png

微信小程序绘图API中使用fillText在画布上绘制被填充的文本

微信小程序API 绘图中使用setGlobalAlpha设置全局画笔透明度

相关

视频

RELATED VIDEOS

更多

免费

微信小程序开发实战视频教程

免费

极客学院jQueryMobile视频教程

免费

微信小程序开发高级视频教程

免费

极客学院Swift语言视频教程

免费

2019新版小程序+tp5.1实战开发（其他机构）

免费

尚学堂Swift入门视频教程

免费

Figma基础操作+APP项目实战教程

免费

微信小程序--企业微网站

免费

Flutter基础视频教程
中级 Flutter基础视频教程

30120次学习

收藏

科技资讯

更多
更多

精选课程

更多
PHP实战天龙八部之微信支付视频教程
PHP实战天龙八部之微信支付视频教程

共5课时

17.3万人学习

PHP实战天龙八部之仿爱奇艺电影网站
PHP实战天龙八部之仿爱奇艺电影网站

共49课时

77.6万人学习

前端入门_HTML5
前端入门_HTML5

共29课时

62.1万人学习

CSS视频教程-玉女心经版
CSS视频教程-玉女心经版

共25课时

39.6万人学习

JavaScript极速入门_玉女心经系列
JavaScript极速入门_玉女心经系列

共43课时

71.4万人学习

独孤九贱(1)_HTML5视频教程
独孤九贱(1)_HTML5视频教程

共25课时

62万人学习

独孤九贱(2)_CSS视频教程
独孤九贱(2)_CSS视频教程

共22课时

23.2万人学习

独孤九贱(3)_JavaScript视频教程
独孤九贱(3)_JavaScript视频教程

共28课时

34.2万人学习

独孤九贱(4)_PHP视频教程
独孤九贱(4)_PHP视频教程

共89课时

126.2万人学习

热门下载

更多
phpStudy 2018最新版
phpStudy 2018最新版

下载
vc9-vc14（32+64位）运行库合集（链接在下方）
vc9-vc14（32+64位）运行库合集（链接在下方）

下载
VC9 32位
VC9 32位

下载
VC11 32位
VC11 32位

下载
php程序员工具箱完整版
php程序员工具箱完整版

下载
VC14 32位
VC14 32位

下载
SublimeText3汉化版
SublimeText3汉化版

下载
Notepad++7.3.1
Notepad++7.3.1

下载
phpStudy V8.1（Win64位）（已支持php8）
phpStudy V8.1（Win64位）（已支持php8）

下载
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号