2

我正在尝试制作这样的网络温度计(这是我的想法图)我的想法的图画

我能够用 Html5 画布绘制温度计的主体,但它都是静态的 - 我无法与之交互。我需要两个可编辑的文本框,更重要的是我需要在中心有一个类似滚动条的控件,这样当用户拖动它时,文本框中的数字会改变。

最简单的方法是什么?

我知道 JQuery Tools 提供了现成的范围输入,这与我需要的非常相似,因为这些范围输入带有文本框。但这是正确的方法吗?我尝试使用 Jquery Tools 范围输入,但未能将其与我的画布合并。此外,我不知道是否可以在范围输入中添加一个额外的文本框。

4

2 回答 2

1

您可以更改您提到的插件的 css 并使其在上图中完全可见..

于 2012-11-20T07:03:36.270 回答
0

一点点 sudo 代码

onmouseclick(target = thermomoterGrippie) { this.grippie = active }

onmousemove(事件){

}

一旦你可以改变红色的大小。然后你可以做一个小算法,根据红色大小计算温度

于 2012-11-20T07:28:49.973 回答