問題タブ [konvajs]

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 に答える
2149 参照

javascript - KonvaJS: 中心から画像をスケーリング

のスケーリング中にいくつかの課題に直面していますKonva.Image。中心点から画像を拡大縮小したい。中心から拡大縮小することはできますが、これが正しい方法であるかどうかはわかりません。現在、そのtop-leftコーナーからスケーリングされています。中心点から画像をスケーリングするにはoffset、を使用して中心に設定していimage.setOffset()ます。しかし、なぜそれが画像を動かしているのかわかりません。私はこれをやっています:

画像をスケーリングするには、これを行っています:

同じことを達成する他の方法はありますか?これが再生するplunkrです。

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

javascript - 高解像度画像としてのキャンバス コンテンツ。

プロジェクトでKonvaJSを使用しています。を画像として保存する必要がありstage/canvasます(エクスポートされた画像が高解像度の画像である場合は素晴らしいでしょう)。キャンバス コンテンツを Base64 文字列として返すstage.toDataURL()KonvaJSという関数があります。この関数の課題は、キャンバスの可視領域のみを返すことです。表示領域だけでなく、キャンバス全体を画像としてエクスポートする必要があります。Canvas2Imageを試してみましたが、キャンバス全体ではなく、可視領域のみを保存しています。それを達成する方法はありますか?これは、いくつかのpoc (概念実証) コードで遊ぶ plunkr です。

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

javascript - Konva を使用した HTML 数値入力の値の検証

konva を使用してグラフを描画できる Web サイトを開発していますが、現在、この奇妙な問題に遭遇しています。

*.5ティックごとの単位をまたは整数以外に変更すると、次のようになります。

ここに画像の説明を入力

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

https://codepen.io/ItsTheWolf/pen/jrdkNX

役立つ場合は、HTML5 コードを次に示します。

また、入力の値type = "number"が空であるか、単に奇妙であるか (ユーザーが入力したときなど0-5) を確認してから設定する方法はありerr = 1ますか? のようなものを試しましたが、うまくminx === nullいきminx.length === 0ません。

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

javascript - Konva js でレイヤー幅を設定する

KnovaJS で、レイヤーの幅と高さを設定するにはどうすればよいですか?

http://konvajs.github.io/api/Konva.Layer.html

私は試した:

x および y プロパティのみが機能します。

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

javascript - KonvaJSで、グループ内のすべてのアイテムを部分的にバッチサイズ変更する方法は?

KonvaJS では、次のようにグループ内のすべての要素を回転させることができます。

(thisグループ オブジェクトを参照)

幅/高さのサイズを変更しようとすると、うまくいきません。