在网上看了很多写出了这种体温单的控件,但是都没有分享,自己做的项目里需要,做了一个canvas绘制的,可以传数据动态绘制圆点和折线。
使用需要h5页面写上canvas标签,宽高自己设置,js里已经做好了体温单的字体和表格自适应;并且script标签里写上初始化代码如下:
var temeplate = new Templates();
temeplate.init({
src: document.getElementById("temeplateCanvas"),
paddingLeft:10,
paddingTop:10,
paddingRight:10,
paddingBottom:10,
mPaintWidth:1,
datas: [36,35,36.4,37,36.1,36.5,36.3,37.2,36.4,34.1,35,36,34,35.5,36.4,37.2,36.1,36.5,34.3,35,36,34,35.5,36.4,37.2,36.1,36.5,34.3,35,34,35.5,36.4,37.2,36.1,36.5,34.3,34,35,36,37,38,39]
});
其中datas体温数据可以后台传值。