首页 > 移动平台 > 详细

uniapp 画布

时间:2021-06-01 16:52:00      阅读:39      评论:0      收藏:0      [点我收藏+]

1.前言

uniapp中的canvas与HTML中的canvas用法并不同,他的使用文档请参考微信小程序画布

2.基本使用

  • 1.准备canvas容器,并为其设置canvas-id和宽高(为了兼容H5,最好把id也一并设置)
<canvas id="canvas" canvas-id="canvas" style="width: 384px; height: 150px;"></canvas>
  • 2.获取绘图工具(传入canvas-id)
var ctx = uni.createCanvasContext(‘canvas‘)
  • 3.设置样式并进行绘制
ctx.setFontSize(20)
ctx.fillText(‘你好,世界‘, 50, 50)
ctx.draw()

技术分享图片

uniapp 画布

原文:https://www.cnblogs.com/OrochiZ-/p/14837485.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!