Как нарисовать манометр на холсте - PullRequest
1 голос
/ 20 января 2012

Мне интересно, может ли кто-нибудь помочь мне с холстом?Я новичок в этом, так что оставайтесь со мной.У меня есть этот манометр enter image description here, и я хочу анимировать красную иглу на холсте (в своем приложении я сделал фотошопом иглу и перерисовал ее с помощью холста).В идеале, я бы хотел, чтобы он передавал его под углом, и он переместился бы от того места, где бы он ни находился, к новому углу, который я прохожу (либо по часовой стрелке, либо против часовой стрелки). Я также могу передать ему другую переменную, чтобы сказать, в какую сторону двигаться.,

Моя первоначальная идея состояла в том, чтобы передать ему давление 0-600 и выяснить, какое соотношение было между 1 фунт / кв.дюйм и 1 градус.Но это было не слишком точно и поэтому не сработало.

Мне интересно, что будет дальше ... Я надеюсь, что кто-нибудь может помочь мне воссоздать этот датчик по холсту, числам, меткам и иглам.Таким образом, соотношение между углом и фунтами на квадратный дюйм будет точным, и я буду знать, сколько PSI = 1 градус.

Моя другая проблема - получить его для анимации.У меня есть анимация, если я прохожу под конечным углом и начальным углом.Я бы предпочел передать только одно давление, и оно переместится от того, где оно есть, к новому углу.

Вот код, который у меня есть: http://jsfiddle.net/vPu3U/1/ (извините за грязный код, я все еще пытаюсь выяснить холст)

Спасибо !!

Edit: я думаю, что я нахожусь в точке, где я понял анимацию.Моя главная цель сейчас - выяснить метки.После того, как я получу те же одинаковые интервалы, похожие на картинку, я, вероятно, смогу найти иголку, и у меня почти не будет анимации.И так как все метки находятся на одинаковом расстоянии друг от друга, я могу вычислить соотношение между каждой меткой (Угол) и PSI.Так что на самом деле это просто рисование полукруга с метками и числами.Спасибо!

1 Ответ

6 голосов
/ 20 января 2012

Вращение иглы смещения:
http://phrogz.net/tmp/canvas_gauge.html

Нанесение меток на кольцо:
http://phrogz.net/tmp/canvas_zoom_to_cursor.html

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...