1

HTML5と.NETを使用して、数学の学生の基本的な足し算/引き算の学習を支援するために、インタラクティブな数直線を作成しようとしています。インタラクティブな数直線を作成する方法を理解しようとしています。これは、ユーザーが線上のマーカーを別の数にドラッグして、足し算/引き算の結果を確認できるものです。

これまでの調査から、HTML5のスライダーバーが解決策かもしれませんが、範囲を処理できるかどうかはわかりません。

そこに教祖からの出発点はありますか？

4

2 に答える 2

1

これに .net を含めたくないと思います。HTML5 では、このユースケースを完全にクライアント側で JavaScript で処理できます。私は Canvas API を使用して作成している最中でしたが、この質問に出くわしました。これは基本的に、数直線を作成するために知っておく必要があることを示しています。クリック イベントを取得し、追加を表示するスポットを作成するだけで済みます。結果。Canvas の本格的な初心者でない限り、これは非常に簡単なはずです。その場合は、具体的な問題をお知らせください。この投稿を拡張できるかどうかを確認します。

sblomの答えに関連して、JQueryはこれでもうまく機能します。ただし、何らかのサーバー側処理テクノロジが本当に必要でない限り、.net テクノロジは関与しませんが、ここでは必要ありません。

于 2012-07-16T19:37:26.813 に答える
1

Range Slider を提供する HTML UI ツールキットは数多くありますが、これはほぼ正確に目的を達成できると思います。

開始するには、JQuery UI の範囲スライダーを確認する必要があります: http://jqueryui.com/demos/slider/#range

于 2012-07-16T19:33:37.003 に答える