問題タブ [rulers]

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 投票する
2 に答える
30771 参照

google-chrome - Google Chrome 開発者ツール - 黒のエミュレーション オプション ルーラーを無効にする

Google Chrome バージョン 38 以降では、デバイス エミュレーション オプションを備えた新しい黒い定規があります。これを無効にする方法を知っている人はいますか?

定規とエミュレーションのオプション

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

c++ - OpenCVを使用してスケール(定規)を識別する方法は?

1 つまたは複数の定規を含む写真を扱っています。定規のサイズと形状は不明です (つまり、100 種類の異なるタイプが使用されている可能性があります)。カメラとターゲットの焦点面が平行 (ピッチとヨーが制御されている) であると仮定できるため、ルーラーの回転のみを処理する必要があります。今のところ、画像には定規が 1 つしかないと仮定することもできます。

OpenCV を使用して、ルーラーを識別し、目盛りを使用して画像を拡大縮小し、視覚的なフィードバックをユーザーに提供したいと考えています (つまり、10 mm を示すルーラーの線)。

同様の質問を見つけました: opencvを使用して画像から定規の位置を見つける方法は? しかし、それには異なる制約のセットがあり、適用されないようです。

私がやりたいことを正確に概説している記事も見つけました: Image Based Measurement of Ancient Coins (ただし、定規の部分だけです - 私はコインで何もしていません)。画像処理に関しては頭がいっぱいですが、FFTを使用してスケールを検出するところまで行きました。リッジ検出視覚的フィードバックのセクションで著者が説明していることは概念的に理解できますが、それを実装するためにどのツールを使用すればよいかわかりません。

誰かが似たようなことをしたことがありますか、それとも誰かが私を正しい方向に向けることができますか? または、間違った手法を使用しようとしている場合は、代替案を提案してください。

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

google-chrome - Google Chrome 開発者ツール - エミュレーションをオフにせずに新しいデバイス エミュレーション ルーラーを無効にする

他の多くの人と同じように、私も Chrome/Chromium Dev Tools の新しいデバイス エミュレーション ルーラーを取り除きたいと考えています。ただし、特定の解像度 (より正確には特定の幅) で作業している Web サイトが必要なため、デバイスのエミュレーションを維持したいと考えています。ただし、ほとんどの場合、ルーラーは気を散らすものであり、インターフェイスは貴重な垂直画面スペースを占めています。

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

javascript - javascriptを使用して定規でピクセルをインチに変換する方法

私はjquery.rulers.js関数で作業しています。特定のルーラーを作成するdivと、ピクセルで正しく表示され、インチに変換されて同じ測定値が表示されます。

例えば ​​:

div に 100 ピクセルがあり、1'0" と表示され、200 ピクセルが 2'0" と表示されます。ピクセルをインチに変換すると、異なる表示になります。どちらが正しいですか? 私はピクセルからインチへの会話にもっと苦労しています。

ここで私の作業フィドル

しかし、ピクセル値のみがインチで表​​示されましたが、インチの値が正しく表示されませんでした.適切なガイドラインが必要です..そして、この会話には式が必要です.

ノート:

画像会話には 150 DPI (Dotted Per Inch) しか使用していません。 参照URL

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

javascript - rulerguides.jsでドラッグ可能なグリッド線の正確な位置を見つける方法は?

現在、rulerguides.jsで作業しています。そして、ルーラーとグリッドラインの特定の div にカスタマイズしました.REFER THIS FIDDLE . ルーラーは私にとっては正常に機能していますが、ボディ要素のみから計算されたドラッグ ゲーブル作成 div ( GRID LINES )、つまりウィンドウの上部とウィンドウの左端を意味します。私のコードでは、ルーラーに特定の div を送信できます。

特定の div から開始する必要があります (例:ルーラー h 選択不可クラスは水平グリッド線を作成し、ルーラー v 選択不可クラスは作業領域に垂直グリッド線を作成します。) ドラッグ可能な開始要素を取得するには? そして、 image のように特定の div を開始する必要があります デモ画像

2 日以上もがき苦しんでいます。この問題を解決するにはどうすればよいですか?

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

firefox - Firefox Inspect Element キープ ルールの表示

要素の検査で要素にカーソルを合わせたときに表示される Firefox のルーラーを保持する方法はありますか? 私が何の定規について話しているのかわからない場合は、この投稿の次の記事です。コンテンツを整列させるために、定規を表示したままにする必要があります。

ファイアフォックス定規

編集

ほとんどのルールの横には、それらを「永続的に」選択できるボタンがあります。定規が表示されないことを除けば、ほとんど私が望んでいるものです。ここにボタンがあります (白い十字線のボックス)

ここに画像の説明を入力

そのボタンに定規も表示させることは可能でしょうか? 現在、ボックスモデルのみが表示されています (写真の「猫」と「犬」の場合):

ここに画像の説明を入力

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

javascript - HTML で全体的に固定サイズのルーラー スケールを作成する方法。必要な数に分割できます。ユーザー入力によるセクションの

長さが常に固定されているはずのhtml、css、jsを使用して定規スケールを作成しています。スケールをクリックすると、任意の 2 つのバーの間でプロンプトが生成され、ユーザーは No を表す数字を入力します。スケールの長さ (任意の 2 つの棒の間) が等分されて表示されるセクションの数。

たとえば、最初のスケールが の場合|_____|_____|_____|、2 番目のバーをクリックして 2 で割ると、スケールは次のようになります。|_____|__|__|_____|

定規の作り方は以下のリンクを参考にしました。

HTML と CSS で定規のスケールを作成する方法

しかし、上記のリンクに示されている回答では、ユーザーは「data-items」属性の値を手動で変更して、異なる番号を作成する必要があります。また、その値を変更すると、スケールの全体的なサイズも大きくなり、私の場合と矛盾します。

これは私がこれまでにコーディングしたものであり、全体の長さを変更せずにユーザー入力のバーを分割する方法が本当にわかりません.

https://jsfiddle.net/yoshi2095/pvjhLggz/9/

HTML:

CSS:

JS:

どんな助けでも大歓迎です。ありがとう。

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

text - OpenSCADでテキストの幅を決定する方法は?

moduleOpenSCAD では、を受け入れるをstring作成し、その文字列を として表面に埋め込んだ 3D オブジェクトを作成できるようにしたいと考えていtextます。オブジェクトを より少し大きくしたいので、適切なサイズのオブジェクトを作成するには、textの幅を知る必要があります。text

textの幅(高さは入力変数によって設定されます)を照会する方法、またはそれが可能かどうかはわかりません。

それが不可能な場合、文字列とフォントを受け取り、レンダリングされたテキストの幅を予測する関数はありますか?

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

gtk3 - GTK3 の「GtkRuler」に代わるものはありますか?

gtk3でフレームに水平定規と垂直定規を表示したいです。

これは私のフレームです:ここに画像の説明を入力

次のようにフレームに定規を表示したい:

ここに画像の説明を入力

しかし、 GtkRulerはメンテナンスされておらず、専門的すぎるため、GTK 3 から削除されました!!

これは私の GTK3/c cpde です:

このタスクを解決する方法について、どのようなアイデアを提案しますか? または、インターネット上のどのリソースでヘルプを見つけることができますか?