3

http://www.marcelbeumer.com/media/main/demos/ngen/index.htmlのようなものをすぐに作成できる、またはせいぜい非常に単純なプラグインを使用して作成できるオープンソースのJavaScriptライブラリはありますか？

次のことができることに注意してください。-ズーム-マウスでパン-回転-テキストをレンダリング-アイテムをクリック

android / iOSで動作する場合は、ポイントが2倍になります。

4

3 に答える 3

2

ラファエルを探しているのかもしれません。SVG y VML で動作する JavaScript フレームワーク。これは、スケール (ズーム用)、パン、回転、テキスト メッセージを含むいくつかの関数とヘルパーです。

ホームページから：

Raphaël は、Web 上のベクター グラフィックスの作業を簡素化する小さな JavaScript ライブラリです。たとえば、独自の特定のチャートまたは画像の切り抜きと回転ウィジェットを作成する場合は、このライブラリを使用して簡単かつ簡単に実現できます。Raphaël ['ræfeɪəl] は、SVG W3C 勧告と VML をグラフィック作成のベースとして使用しています。これは、作成するすべてのグラフィカル オブジェクトが DOM オブジェクトでもあることを意味するため、JavaScript イベント ハンドラーをアタッチしたり、後で変更したりできます。Raphaël の目標は、ベクター アートの描画をクロス ブラウザーと互換性があり、簡単にするアダプターを提供することです。

使用例：

// Creates canvas 320 × 200 at 10, 50
var paper = Raphael(10, 50, 320, 200);

// Creates circle at x = 50, y = 40, with radius 10
var circle = paper.circle(50, 40, 10);
// Sets the fill attribute of the circle to red (#f00)
circle.attr("fill", "#f00");

// Sets the stroke attribute of the circle to white
circle.attr("stroke", "#fff");

それが役に立てば幸い。

PS: 言い忘れましたが、ホームページにはたくさんの例があります。必見です。

編集:同様の質問が少し前にここで行われました良いJavascriptグラフィックライブラリはありますか?

于 2011-03-23T11:24:58.983 に答える
1

ハ！作者に聞いたらGithubにあるよ！

https://github.com/marcelbeumer/ngen-demo

Polymaps も候補のように見えました - http://polymaps.org/

于 2011-03-23T12:02:30.107 に答える
0

似たようなものを探していたところ、この Jquery javascript プラグイン http://arborjs.org/に出会いました。

それ自体はズームとパンではありませんが（少し異なる方法で実現します）、このトピックを見たので、私はそれを共有しませんでした。

于 2011-04-26T11:08:45.103 に答える