問題タブ [coordinate-transformation]

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

sql-server - Y座標を反転するSVG viewBox

SVG を使用して、HTML ページにさまざまな形状を描画しています。これらのさまざまな形状は、Microsoft Sql Server の空間データベースのジオメトリ オブジェクトから取得されます。私が直面している問題は、座標系 (Svg と Microsoft Sql Server) が異なることです。0,0 は Svg の左上隅から始まりますが、Microsoft Sql Server では左下隅から始まります。Y座標だけを逆にする必要があります。また、viewBoxを使用してデータを適切に表示しています(さまざまな変換用)。オブジェクトの座標に触れず、ビューボックスの属性だけで作業することなく、私の問題を解決する方法はありますか? 私はオブジェクトを動的に作成し、「viewBox」ソリューションを好みます。

前もって感謝します!

0 投票する
8 に答える
110994 参照

svg - SVGで変換の原点を設定する方法

javascriptを使用してSVGドキュメントの特定の要素のサイズを変更して回転させる必要があります。問題は、デフォルトでは、常に(0, 0)左上の原点の周りに変換を適用することです。

この変換アンカーポイントを再定義するにはどうすればよいですか?

属性を使用してみましたtransform-originが、何の影響もありません。

これは私がそれをした方法です:

Firefoxで属性が正しく設定されていることがわかりますが、ピボットポイントを指定したポイントに設定していないようです。center bottomかっこ付きとかっこなしで試してみ50% 100%ました。これまでのところ何も機能しませんでした。

誰か助けてもらえますか?

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

javascript - html5キャンバス要素の変換を再利用できますか?

キャンバスコンテキストの座標空間を変換して特定の境界ボックスを含め、その周りにテストを作成していると想像してください。

次のように、コンテキストの変換を実際に「使用」することは可能でしょうか。

または、このテスト関数を作成する他の方法はありますか?

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

iphone - 外側のビューに対応する内側のビューの座標を取得する

私のView Controllerには次の階層があります:

月ビュー -> スクロール ビュー -> カレンダー ビュー -> グリッド ビュー -> コンテナー ビュー -> タイル ビュー。

ユーザーがタイル ビューに配置されているボタンをクリックすると、新しいビューが MonthView -> Scroll View に追加され、X 座標は Container View と同じになります。

次の機能を試しました:

しかし、私が取得した X 座標は、必要なものではありません。私は何か間違ったことをしていますか?添付のスクリーンショットは次のとおりです。

初期画像

無効

有効

事前にサンクス。

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

vector - ベクトルを指定された座標に移動します

たとえば、(100、100)の周りにベクトルのレイヤーがあり、それらを(1000、1000)のような新しい座標に移動したいと思います。どうすればいいですか?できればQGISを使用する

0 投票する
2 に答える
4603 参照

svg - SVG 座標変換

この SVG インライン コードでは、中央にドットがある 60 x 40 のボックスが生成されないのはなぜですか?

SVG を使用して、通常のデカルト座標マップにアイテムをプロットしたいと思います。私が持つデータは、表示可能なマップのサイズとデカルトのメインマップの中心点です。

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

javascript - SVG パスを回転および変換しようとしています - 三角法の計算が必要ですか?

電子抵抗のシンボルを表すマウスSVGパスで操作しようとしています。この記号は、「リード」の端で操作する必要があります (実際の抵抗を想像できる場合)。したがって、最初のポイントをドラッグして(2番目はまだそこにあります)、パスのすべてのポイントにドラッグして、新しい座標で最初のポイントをドラッグすると比例して動作するようにしようとしています。

グループ化して、三角関数を試してみてください...コードは次のようになります。

助けてください。

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

javascript - Javascript SVG のドラッグ

元の質問はhttp://stackoverflow.com/questions/7055607/trying-to-rotate-and-transform-svg-path-do-i-need-trigonometry-calculationsにあります

...抵抗器の別のポイントをドラッグする方法を見つけようとしています: http://www.3lectronics.com/electronics-layout/resistor.svg

SVG イベント、親、子、その他の家族については、理解するのに時間がかかります。

誰かが助けたいなら...

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

.net - .NET 印刷座標変換

これに対する簡単な答えは得られません。私はピクセル座標を持っています。それらの座標で (ランドスケープ) ページに画像を印刷したいと思います。

私の印刷イベントでは、次のことを行います。

これは明らかに機能しません: ピクセルを指定しましたが、ドライバーはインチ (?) を期待していますか?

しようとした:e.Graphics.PageUnit = GraphicsUnit.Inch運が悪い。

次のような変換方法が必要です。

ヒントはありますか?ありがとう。