問題タブ [kineticjs]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
1861 参照

javascript - KineticJS:ドラッグを無効にする

KineticJSで図形のドラッグを無効にする方法を見つける必要があります

たとえば、draggableオプションが有効になっているサークルがあります。

shiftKeyが押された場合にこの円のドラッグを無効にしたいので、このケースを別の方法で処理したいと思います。

これが私がやりたいことの例です:http://jsfiddle.net/nL3kb/

どういうわけか可能ですか?

0 投票する
1 に答える
1450 参照

javascript - kineticJs で toDataURL を使用してキャンバスを保存できませんでした

こんにちは、私はこのチュートリアルに従っています: http://www.html5canvastutorials.com/labs/html5-canvas-drag-and-drop-resize-and-invert-images/

私は異なるコンセプトで同じプログラムを作成しました(画像をキャンバスにドロップすると、その画像がキャンバスに描画されるドラッグアンドドロップを使用しました)。しかし、toDataURL を使用してキャンバスを保存できませんでした。私を助けてください..

0 投票する
4 に答える
5757 参照

javascript - KineticJSを使用して描画されたオブジェクトを削除する

うまくいけば、ここで簡単な質問:

KineticJSを使用して次のように線を引いたとします。

そして、ステージに追加されたレイヤーに追加されました。

しかし、ユーザーイベントに反応するためにこの行が存在しなかったかのように、この行を完全に削除する必要があります。どうすればこれを行うことができますか?

0 投票する
0 に答える
564 参照

javascript - KineticJS の放射状グラデーションの重なり / 「光源」効果

KineticJS で光源の効果を生成しようとしています。背景にさまざまなオブジェクトを配置し、放射状のグラデーション パターンで満たされた複数の低アルファ Rect オブジェクトのレイヤーを使用して、これを達成しようとしています。

かなり満足のいく効果で、グラデーションのパラメータをいじっていろいろな効果が出るように遊んでいます

シンプルラジアル 高偏心ラジアル

問題は、これまで光源を 1 つしか取得できなかったことです。この光源の上に 2 つ目の Rect を配置すると、その背後にある光源の可視性が妨げられるためです。2つ以上の放射状グラデーションの結合を得るために実行できる、ある種の複合操作ジガリーポケリーがあると確信していますが、私自身の力ではあまり運がありませんでした. 助言がありますか?

0 投票する
3 に答える
1517 参照

image - html5とkineticjsで六角形の内側に画像を表示

六角形を描き、その中にhtml5を使って画像を表示したいと思います。試してみましたが、イメージが出ません。これだけにkineticjsを使いたいです。

コードは次のとおりです。

0 投票する
1 に答える
825 参照

node.js - herokuでホストされているノードサーバーがsocket.ioファイルを提供していません

そこで、node.js、socket.io、kineticJSを使用してマルチプレイヤースペースシューティングゲームを作成しました。私のNode.jsサーバーは、実際にはクライアントのページを提供していません。クライアント側のファイルは現在、コンピューターのローカルApacheサーバーでホストされています。

現在、ノードサーバーはHerokuで稼働しており、クライアント側でsocket.ioをロードできないようです。「ioが定義されていません」というエラーが発生し続けます。これが私がスクリプトをインポートする方法です:

ここに示されている手順に従いました:https ://devcenter.heroku.com/articles/nodejs そして私のpackage.jsonファイルは次のようになります:

ローカルホストではすべてが正常で、次のことができます。

0 投票する
1 に答える
182 参照

javascript - モバイル ブラウザーでのイベントの呼び出しに関する問題

KineticJS 3.8.5 のモバイル ブラウザー内でイベントを呼び出すときに問題が発生します。イベントはまったく呼び出されません。Chrome、Mobile Safari、および Android 2.3 ブラウザでこれをテストしましたが、テキストがクリックされたときに alert() が呼び出されませんでした。これがJSFiddleです。

0 投票する
1 に答える
478 参照

javascript - kineticJSのズーム中に繰り返し画像を作成しますか?

私は KineticJS を使用しており、適切なズーム機能を取得しようとしています。必要な元のサイズで背景画像を追加したレイヤーがあります。

ただし、(layer.setScale()を介して)ズームインすると、他のすべてのものと一緒にズームインすると、画像が縮小します(露出した白い領域が残ります)。

では、このような場合でもイメージを繰り返すにはどうすればよいでしょうか? 画像を追加するために使用したコードは次のとおりです。