問題タブ [diagonal]

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

jquery - cssとスクロールアニメーションで疑似斜めマスクを作る

スクロールが完了すると対角線が表示され、その中のコンテンツが明らかになるという効果を作成するのに苦労していますが、コンテンツが正常に流れているという考えを与えます...

下の画像で、よりよく理解できると思います。

CSS コード:

問題 1: "lorem ipsum ..." と書かれた div の内容は、あたかもこの対角線とオーバーフローのように、暗闇の中でのみ表示されなければなりません: 隠されています。

問題 2:対角線は固定位置の div であり、画面全体をカバーするために、スクロールを使用してプロパティを変更します。コンテンツを斜めに配置する場合、コンテンツ div で斜めの動きを補正する必要があります (彼が常に画面の中央にいるという印象を与えるため)。

問題 3:プロパティ スキューを使用して対角線を作成します。その中にコンテンツを配置するには、スキューと、コンテンツを中央に保持するための対角線がその中のコンテンツの「位置」に応じて変化する左の値を必要とするという事実を補正する必要があります (上は下よりも大きい)。

考えられる解決策: 私はそれについて多くのテストを行いましたが、私が近づいたのは、対角線に div スクエア (ストレート) を作成し、その中にコンテンツを配置することでした。したがって、左のプロパティは直線であるため、変化する必要はありません。この点で私が解決できなかった問題は、対角線が横 (右から左) にスライドする間、コンテンツを画面の中央に保持するための正確な計算でした。

このようなものを見たことがある人、または私を助ける方法を知っている人はいますか?

ありがとうございました

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

math - 行列の対角線の決定

正方行列があり、その中の 2 つのランダムな要素を選択した場合、2 つのケースを特定することに関心があります。

  1. 2 つの要素が主対角線と平行な対角線上にある場合
  2. 2 つの要素が 2 次対角線と平行な対角線上にある場合。

式があるかどうかはよくわかりませんが、それが私が興味を持っていることです。この 2 つの状況をチェックする式です。

私が見てきたことから、columnEl1-rowEl1 の差が columnEl2-rowEl2 の差と等しい場合、2 つの要素は主対角線と平行な対角線上にあり、合計 columnEl1+ の場合、2 つの要素は 2 次対角線と平行な対角線上にあります。 rowEl1 は columnEl2+rowEl2 の合計と同じです。しかし、これが一般的に当てはまるかどうかはわかりません。

また、これが正方行列に有効な場合、非正方行列にも有効ですか?

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

android - Androidで斜めジェスチャーを処理するには?

Android ビューで斜めスワイプ イベントを計算する問題に直面しています。斜めのジェスチャーを識別するためのロジックを教えてください。私の要件は次のとおりです。ユーザーが電話で斜めにスワイプすると、さまざまなイベントをトリガーする必要があります。のように: 1) TopLeftToBottomRight。2) 右上から左下へ。3) BottomLeftToTopRight。4) BottomRightToTopLeft。

お願いします、これらすべてを処理するためのロジックを持っている人はいますか? サンプルアプリケーションをご利用いただければ幸いです。この問題を解決するのを手伝ってください。このタスクをできるだけ早く完了する必要があります。前もって感謝します。

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

svg - D3 diagonal using coordinates instead of objects

I am looking for a way to create a line like the one you get using d3.svg.diagonal but instead of using source and target objects, use coordinates. I tried fiddling with the projection function but no success.

Here is a fiddle I found with it being done between objects: http://jsfiddle.net/bmdhacks/qsEbd/5/

Short version of my objective:

Lets say I have two points, like this picture:

straight line

I want to be able to have them do the following by only providing coordinates for start and ending:

curved line, same points


whats in the fiddle, if it helps:

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

python - numpy 配列を対角線上で効率的に平坦化する方法はありますか?

numpy 配列を対角線順に平坦化する効率的な方法 (できればベクトル化された高速組み込み関数) を探しています。例えば:

bする必要があります[7,4,8,1,5,9,2,6,3]

A非常に大きな行列になるので、要素を個別に反復処理したくありません。同じ理由で、正しい順序ですべてのインデックスのリストを事前に準備したくありません。が大きく、結果も同じように大きくなるためA、さらに多くのメモリを使用するソリューションは避けたいと思います。

平坦化する対角線のサブセットを指定できれば、さらに良いでしょう。たとえば、1 番目と 2 番目の対角線のみを平坦化すると、 が得られ[1,5,9,2,6]ます。

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

css - 丸みを帯びた対角線CSS

このような対角線の作り方を教えてください。

  • 形:

ここに画像の説明を入力

HTML :

CSS :

その方法について情報を探していますが、見つかりませんでした。

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

r - Rの指定された列数の行列のrowsum

特定の行について、R の行列の列の合計を取得しようとしています。ただし、行全体を合計するのではなく、指定された数の列のみ、つまりこの場合は対角線の上のすべての列を合計したくありません。sum 関数と rowSums 関数を試しましたが、奇妙な結果が表示されるか、エラー メッセージが表示されます。説明のために、以下の 8x8 マトリックスのコード例を参照してください。最初の行では、アイテム [1,1] を除く行の合計が必要です。2 行目では、アイテム [2,1] と [2,2] を除く合計が必要です。

私は次のことを試しました:

または:

私が理解しているように、rowSumsにはベクトルではなく配列が必要です(理由はわかりませんが)。しかし、合計を使用する2番目の方法が機能しない理由がわかりません。理想的には、対角線の上にある行のすべての列のみを合計する何らかの方法があります。

どうもありがとう!