問題タブ [stroke]

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

html - ストロークの境界線がパスから溢れるのを防ぎます

strokeRect (0, 0, canvasWidth, canvasHeight);完全な長方形を描画しますが、線幅は半分にカットされます。例を次に示します。

問題のスクリーンショット

私はそれを修正することはできますが、エレガントではありません:

エレガントでないソリューションのスクリーンショット

それを行うためのネイティブな方法はありますか?「ボックスサイジング」css3属性のようなもの:

ありがとう。

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

svg - 接着された線としての SVG ストローク

複数の接着されたポリゴンのように見えるように、単一のポリゴンのストロークを定義する方法はありますか? この画像を参照してください。
隣接する線

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

java - ストロークを変換せずにAffineTransform?

scale()2つの異なるパラメーター(x方向とy方向の異なる比率によるスケーリング)でGraphics2D関数を使用すると、このGraphics2Dオブジェクトに後で描画されるすべてのものもスケーリングされます。これには、ある方向に描かれた線が別の方向に描かれた線よりも太いという奇妙な効果があります。次のプログラムはこの効果を生み出し、このウィンドウを表示します。

スクリーンショットの例

この座標変換を使用して、アプリケーションモデルの座標(この例では(2,1、2,4))を画面(またはコンポーネント)のピクセル座標に手動で変換する必要がないようにしていますが、このストロークの歪みは必要ありません。つまり、現在のxスケールとyスケールの係数に関係なく、すべての線を同じ幅にしたいのです。

この効果を生み出すものはわかっていますが(Strokeオブジェクトは、ユーザー座標でペイントされる長方形のストローク形状を作成し、それが画面座標に変換されます)、これを解決する方法がわかりません。

  • X方向とY方向でシェイプを異なるストロークにする(これにより、ここで歪みを元に戻す)新しいストローク実装を作成する必要がありますか?(または、誰かがそのような実装をすでに知っていますか?)
  • 図形を画面座標に変換して、そこでストロークする必要がありますか?
  • 他の(より良い)アイデアはありますか?
0 投票する
1 に答える
942 参照

cocoa - ココア NSBezierPath - ストローク。定義済みの色とは異なる色でクラッシュする

次の問題があります。指定されたサイズの円を描画し、グラデーションで塗りつぶす必要がある独自のクラスを作成しています。

私はNSBezierPathである円で作成しました.これにグラデーションを描画します

したがって、1 つのことを除いてすべてがうまく機能します: drawRect: コードの最後で次のコマンドを実行するとき:

エラーが発生します: (Program recieved signal: "EXC_BAD_ACCESS") デバッガーは次の行を指します

私はborderColorを次のように設定しました

例えば。

これは、borderColor を定義済みの色 (blackColor、clearColor、greenColor) に設定した場合にのみ正常に機能します。しかし、手動で設定しようとするとクラッシュします。

色に関する制限や、そのような問題を引き起こす可能性のあるものについて誰かが知っていますか? BezierPath のストロークの色について特別なことは何も見つかりませんでした。

ありがとうございました。

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

wpf - WPF/Silverlight:エッジごとに異なるストロークの色を使用することは可能ですか?

特定の線の色を持つ長方形があるとします。特定のエッジを異なる色で定義できますか? たとえば、ストロークの上部と下部を同じ色にしたいが、ストロークの左右を別の色にしたいとしますか?

これが不可能な場合、良い方法を知っていますか?

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

java - Java:塗りつぶされた形状の線ストローク

これはそれほど重要ではありませんが、しばらくの間私を悩ませていました。

問題の説明:
指定:線(Line2D)
必要:線をくさびとして描画する(Filled GeneralPath)

確かに、これは、ウェッジを一般パスとして作成し、それをグラフィックス(私のソリューション)で埋めることで実行できます。

私の最初のアプローチは、何らかの理由で線オブジェクトを変更したくなかったので、くさび線の線でした。また、線オブジェクトを描画して、それ以上考えたくなかったのです。ウェッジストロークの作成は問題ありませんでした(いくつかの計算とその後の一般パスの作成)-しかし、私はそれを(簡単に)埋めることができませんでした

どうやら、Graphics2Dの塗りつぶしは、取得した形状のみを塗りつぶし、ストロークの塗りつぶしは処理しないようです(考えれば、その動作は理にかなっています)。

質問:ストロークの図形を塗りつぶす方法はありますか(図形を塗りつぶす-より具体的には:GeneralPath-何らかの方法で描画する前に)?

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

android - 特定のピクセル幅で線を引く

特定の幅 (ピクセル単位、理想的には「dp」) の線を使用してキャンバスに X/Y データを表示したいと考えています。Paint の setStrokeWidth(..) メソッドを試してみましたが、実際には線幅が変更されますが、必要なものではありません。私の場合、matrix.preScale(xScale, yScale) を使用してキャンバスを「実際の工学単位」にスケーリングしたので、X スケールは 0 から 100 を表し、Y は 0 から 1 です。Paint オブジェクトの setStrokeWidth() メソッドはマトリックスの preScale() 設定に従うようにストロークを設定します。つまり、横の線はすごく細く、縦の線はすごく太く描かれています。

線がどの方向に描かれても、その幅が一貫したピクセル数になるようにペイントを構成する方法はありますか?

線である Drawable を定義し、それから ShapeDrawable を作成し、それを Paint に適用しようとしましたが、実行時に厄介なクラス キャスト エラーが発生しました。これは間違ったやり方だと思いました。でも、あきらめるのが早すぎたのかもしれません。

いくつかの Android プロット/チャート パッケージが利用可能であることは理解していますが、サードパーティのソリューションを使用するのではなく、ここでプラットフォームを理解しようとしています。

ヒントをありがとう!リッチ

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

wpf - InkcanvasStrokeErasingイベント

私は自分のソリューションでInkcanvasを使用しています。だから、このように、ユーザーが確認した後に削除したい...

XAML:

C#:

その後、メッセージボックスが2回表示されます:(これはどうして起こったのだろうか。これについて教えてください。

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

cocoa - NSBezierPath の角丸四角形の角が悪い

角の丸い長方形を作成するがNSBezierPathありますが、フル スケールで表示すると、その角が途切れ途切れになり、ストロークの残りの部分よりも明るく見えます。私のコードは次のとおりです。

コーナーの 2 つの写真を次に示します (小さな写真では明らかではありません)。

コーナー

誰がこれを引き起こしているのか知っていますか? 何か足りないだけですか?

助けてくれてありがとう

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

android - ビューの外側のストロークをアニメートする(ボタン)

タイマーに基づいてボタンのストロークを数回点滅/点滅させたいのですが。たとえば、30秒ごとにストロークを白から黒などに3回点滅させます。これはできますか?ありがとう