问题遇到的现象和发生背景
我要用canvas绘制两个图形A和B，要让A图形在B图形的上面显示。
这个时候我先绘制B图形在绘制A图形是没有问题的。
我要根据A图形的高度设置B图形。
就需要先绘制A 在绘制B，这个时候B就会把A挡住
问题相关代码，请勿粘贴截图
运行结果及报错内容
我的解答思路和尝试过的方法
我想要达到的结果
先绘制A在绘制B，A在 B上显示
小程序使用canvas绘制图形
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
2条回答 默认 最新
- 2025-09-18 05:10最后，微信小程序的Canvas绘制进度条是一个涉及前端技术的实际应用案例。除了基础的Canvas绘图技术外，还涉及了JavaScript编程、CSS布局等前端开发知识。对于开发者来说，掌握这些技术是实现复杂交互功能的前提。
- 2025-09-15 08:41使用小程序和Canvas绘制海报是一种结合了前端技术与移动平台特性的新型海报设计方式。通过这种方式可以制作出具有丰富视觉效果和高度可定制化的动态海报。开发者不仅可以通过编程创建个性化海报，还可以通过小程序将...
- 2025-08-14 17:52ChinaDragonDreamer的博客 Canvas 2D 需指定 type 属性 Canvas 属性 canvas-id ,Canvas 2D改成 id Canvas 标签默认宽度300px、高度150px Canvas 2D（新接口）需要显式设置画布宽高，默认：300*150，最大：1365*1365
- 2025-11-12 16:04绘制流程包括初始化画布大小、获取绘图上下文、设置样式、绘制图形以及响应事件处理等步骤。在设置画笔样式时，开发者可以指定画笔颜色、填充颜色、线条样式等，来控制图形的颜色和样式。Canvas提供了丰富的API来...
- 2025-09-22 00:34而微信小程序canvas绘制实用工具，通常包含了一系列便捷的函数和组件，帮助开发者更高效地开发小程序中的Canvas绘图功能。这些工具可能包括了封装好的画布操作API，如对画布进行缩放、旋转、裁剪等操作的接口；也...
- 2025-09-22 02:04小程序canvas绘制高铁线路图项目，即是一个利用微信小程序平台提供的canvas组件进行高铁线路图绘制的实践。该实践通过小程序的界面，向用户展示了一种动态的、交互式的地图绘制方法。在这个项目中，开发者可以利用...
- 2023-03-13 17:12在`wxapp-zb-master`这个项目中，可能包含了一个完整的微信小程序canvas截图并保存到本地的示例代码。该项目可能包含了canvas的绘图逻辑、事件监听以及相关的API调用，开发者可以通过研究源码加深理解。 总结来说，...
- 2021-09-07 14:03在微信小程序中，我们可以使用`wx.createSelectorQuery`选择Canvas元素，然后调用`canvasContext`接口进行绘图操作。Canvas主要通过`beginPath`、`moveTo`、`lineTo`、`fill`等方法来绘制线条、填充区域，以及`...
- 2025-09-22 03:06Taro小程序Canvas滑动图形验证码的实现是一个涉及到前端技术、用户体验设计、安全防护以及交互逻辑等多个方面的复杂过程。开发者需要具备跨学科的知识和技能，才能够开发出既安全又易用的滑动图形验证码。
- 2024-12-25 15:49小松江野的博客 canvas用于在网页上动态生成图像和图形。它提供了一组API，使开发者可以使用JavaScript绘制各种图形，如矩形、圆形、线条和图片等，同时还可以进行动画、交互和数据可视化等操作。
- 没有解决我的问题, 去提问
问题事件
已结题
（查看结题原因） 4月2日-
修改了问题
3月30日
-
创建了问题
3月30日