javascript - canvas画心电图,心电图在网格中可以左右拖动
高洛峰
高洛峰 2017-04-11 12:16:06
[JavaScript讨论组]

想用canvas画心电图,可以造数据,格式如下:

var test_data = {
    "data": [{
        "seq": 36687,
        "vol": [63.27994918823242, 63.282066345214844, 63.28112030029297, 63.27827453613281, 63.27593231201172],
        "time": "2012-07-18-21-42-13-034",
        "hrate": 0,
        "status": 0
    }, {
        "seq": 36688,
        "vol": [63.24958038330078, 63.249080657958984, 63.25041580200195, 63.25270080566406, 63.254817962646484],
        "time": "2012-07-18-21-43-13-072",
        "hrate": 0,
        "status": 0
    }],
    "packetlossrate": 0,
    "time": "2012-07-18-21-42-13-017"
};

效果图如下:

需求是,心电图可以在网格中左右拖动。

万谢!!

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

全部回复(3)
PHP中文网

时间为长度,数值为高度
至于你说的拖动,如果是改变比例就换算比例,如果是增加时间就增加时间

黄舟

方案一:

拖动时使用 tranlate() 方法改变画布的坐标,并进行重绘。

方案二:

根据时长设置画布的长度,并放置在一个定宽的容器中,拖动时移动画布的位置。

大家讲道理

多少钱?就是直接基于canvas来写,没啥方法。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号