本帖最后由 TheBeauty2017 于 2017-3-30 13:36 编辑

这款微信小程序真的太简单了,用小程序绘制动态柱状图!这款小程序的作者应该还是个新手,页面布局很简单,适合初学者。效果图如下:
2017-03-30_131958.jpg
部分源码如下:
[AppleScript] 纯文本查看 复制代码
<!-- canvas.wxml -->
<canvas style="width: 300px; height: 200px;" canvas-id="firstCanvas"></canvas>
<!-- 当使用绝对定位时,文档流后边的 canvas 的显示层级高于前边的 canvas -->
<canvas style="width: 400px; height: 500px;" canvas-id="secondCanvas"></canvas>
<!-- 因为 canvas-id 与前一个 canvas 重复,该 canvas 不会显示,并会发送一个错误事件到 AppService -->
<canvas style="width: 400px; height: 500px;" canvas-id="secondCanvas" binderror="canvasIdErrorCallback"></canvas>


源码demo如下:
游客,如果您要查看本帖隐藏内容请回复


相关推荐:
1.教你:如何使用小程序画布组件绘制自动缩放正方形
2.教你:如何使用小程序画布组件绘制一个会自动旋转正方形
分享到 :
0 人收藏

26 个回复

倒序浏览
邝虹玮  小程序菜鸟 | 2017-4-4 17:00:36
学习学习
qwert2017  小程序菜鸟 | 2017-7-21 14:21:36
这个看不错哦
xixihahan  小程序菜鸟 | 2017-8-1 16:57:51
不错,学习了,,,
zzy  小程序菜鸟 | 2017-9-26 10:37:50
BUCUO~~~~~~
王芳争  小程序菜鸟 | 2017-10-15 16:12:45
zailaiyifenba     
wx_Yj9K9beT  小程序菜鸟 | 2017-11-11 11:54:44
积分不够,支持下
LiLi  小程序菜鸟 | 2017-11-13 00:21:46
这个要仔细看看,不太懂
HugoBoss  小程序菜鸟 | 2017-12-12 22:46:11
多谢分享 好好学习。
Mr.Bean  小程序菜鸟 | 2017-12-13 21:55:17
积分不够,支持下
您需要登录后才可以回帖 登录 | 朕要注册

本版积分规则

QQ|手机版|51小程序,合作QQ: 2826431922 ( 苏ICP备15027371号 )

Powered by Discuz! X3.2

返回顶部