代码如下,官网比较简单的例子,ios app,用的12 pro max 真机,系统最新,本来是想绘制图片的,结果发现一般的绘图都无法显示出来,安卓还未进行测试。
<template>
<view><canvas canvas-id="hit" id="hit" style="width: 300px; height: 300px;"></canvas></view>
</template>
<script>
export default {
data() {
return {};
},
onReady() {
var ctx = uni.createCanvasContext('hit', this);
ctx.rect(10, 10, 100, 30);
ctx.setFillStyle('yellow');
ctx.fill();
// begin another path
ctx.beginPath();
ctx.rect(10, 40, 100, 30);
// only fill this rect, not in current path
ctx.setFillStyle('blue');
ctx.fillRect(10, 70, 100, 30);
ctx.rect(10, 100, 100, 30);
// it will fill current path
ctx.setFillStyle('red');
ctx.fill();
},
methods: {}
};
</script>
1 个回复
FullStack - 【插件开发】【专治疑难杂症】【ios上架、马甲包、白包、过审、已成功上架过几百个】【多款插件已上架:https://ext.dcloud.net.cn/publisher?id=22130】【非诚勿扰】QQ:543610866
少了
ctx.draw()