宝哥软件园

画布 小程序 画k线 日记从0 (I)开始

编辑:宝哥软件园 来源:互联网 时间:2021-12-17

只有画布的api,做一个成熟的k线图组件对我来说是一个很大的挑战,但是没有办法。在小程序中,由于api的细微差别,成熟的三方框架无法使用,只好硬着头皮自己做。从熟悉api开始,一步一步尝试,希望有所成就。- -!压力大,打开!

首先,创建一个画布元素,它将用于所有未来的例子。设置id并绑定事件。不出意外,画布元素不应该改变。

//canvas . wxmlcanvas canvas-id=' stage ' class=' stage ' bindtuchstart=' touch start ' bindtuchmove=' touch move ' bindtuchend=' touch end ' bindtuchcancel=' touch cancel ' bind long tap=' long tap '/canvas//canvas . wxss . stage { width 3360 100%;高度: 200 px;margin: 20px自动;背景-color : # fff;}通过对公文api的学习,我发现了一个从开始画到结束都有一定规律性的图形,比如画一个长方形。

//第一步:声明一个画布对象Const CTX=WX。CreateCanvasContext(' stage ')//第二步:定义要绘制的内容CTX。CTX。fillrect (10,10,150,75)//第三步:根据第二步的图纸,

小程序canvas绘制K线,从0开始的日记(一)(图1)

第一个矩形

更多资讯
游戏推荐
更多+