Javascriptで目盛りを作る。

Question

ズーム、ズームアウトの出来る定規のような計りをHtml内で作りたいのですが上手くいきません。

最初は５きざみで目盛りが書かれて、ズームアウトすると１０刻み、１５刻み。。と変化するような目盛りです。

実装時にはImageを使ったズームとズームアウトを考えていたのですが、これでは動的な値を作ることはできず。続いてCanvasを使ってみているのですが、どうしてもうまくいきません。

何かいい方法等ありませんでしょうか

Comments

[matobaa]

Canvasでうまくいかないソースを示せますか?

Answer 1

イメージとあっているかわかりませんが
以下のサイトでグラフの目盛りをズームインとズームアウトする例をあげていました。
http://alphasis.info/2012/05/jquery-plugin-jqplot-line_charts-zoom-x/
今回だとグラフのプロットは必要ないかもしれませんが、
目盛りを可変にするという意味では参考になるかもしれません。