問題タブ [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 投票する
2 に答える
1731 参照

core-graphics - CGAffineTransform を使用してコンテキスト内のすべてのポイントをスケーリングしながら線幅を維持する

CGPath描画したい座標系があります。これには、古い座標系をコンテキストの座標系にスケーリングすることが含まれます。その目的のために、CGContextConcatCTM()必要に応じてすべてのポイントを変換する which を使用します。ただし、スケーリング操作であるため、水平/垂直の線幅が変更されます。たとえば、x 方向のスケールが 10 で、y 方向のスケールが 1 の場合、垂直線は水平線の 10 倍の太さになります。変換行列の使いやすさを維持する方法はありますか (例CGAffineTransform)、同時に線幅をスケーリングしない方法はありCGPathApplyAffineTransformToPointsますか?

乾杯

ミスターメイジ

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

apache-flex - Flex:LineSeriesでカスタムストロークを作成しますか?

次のように、線のシリーズにストロークを簡単に設定できます。

これにより、ストローク全体のアルファが.8に設定されます

しかし、dataProviderの何かに基づいて、プロットごとにストロークに異なるアルファを設定できるようにしたいと思います。

たとえばyField、lineSeriesのは「Apple」です。これは、lineSeriesのプロット先を知る方法です。alphaField各プロットのストロークアルファを何に設定するかを指示するようなものを追加できるようにしたいと思います。

したがって、私のdataProviderが次の場合:

alphaField="alpha"次に、プロット0からプロット1までの実線のストロークと、プロット1からプロット2までの50%のアルファストロークを設定しました。

これどうやってするの???LineSeriesのcommitProperties()メソッドとupdateDisplayList()メソッドを調べていますが、これを行うために何を追加/変更する必要があるのか​​わかりませんか?

確かに、このクラスはGraphics.lineTo()を使用して各プロットを描画する必要があるため、基本的には、現在のalphaField値を何らかの方法で「取得」し、それぞれを描画する前に正しいアルファを使用してGraphics.lineStyle()を適用する必要があります。ライン。

ありがとう!!


アップデート

私は自分の答えにずっと近づきました。

LineRendererを拡張すると、GraphicsUtilities.drawPolyLine()を呼び出すupdateDisplayList()をオーバーライドします。

GraphicsUtilitiesを拡張し、メソッドdrawPolyLine()をオーバーライドします。これは、実際に線が描画される場所だからです。

ここでlineStyle()を呼び出して、行のアルファを変更できます...

drawPolyLine()メソッド内から、アルファがどうあるべきかを指示するデータにアクセスするにはどうすればよいか、まだ理解できないことが1つあります。

ありがとう!!!!

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

iphone - コア グラフィックスの丸みを帯びた四角形にストロークを適用する

カスタム UITableViewCell 背景に使用している角が丸いグラデーションがあります。パスにストロークを適用しようとしていますが、まったく実行できず、どこが間違っているのかわかりません。

このコードは、四角形を右に丸め、グラデーションを適用しますが、行をストロークしません。私の間違いはどこですか?

代替テキスト http://grab.by/26Ye



編集: subw の推奨に従って、コードを次のように変更しました。

でも直角はこんな感じで…</p>

代替テキスト http://grab.by/2714

...国境なし。を に変更するCGContextStrokePath(c)CGContextStrokeRect(c, rect)、ストロークが表示されます (わかりやすくするために赤にしました)。しかし、どういうわけか、パスをストロークするとき、ストロークがありません:(

代替テキスト http://grab.by/27aM

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

iphone - CoreGraphicsでの丸みを帯びたストロークのスムージング

グラデーションの背景を持つ独自のUITableViewCellsを作成しています。私はすべてのロジックと描画を実行しましたが、修正したいことの1つは、カスタムセルの隅にある「分厚い」ことです。

代替テキストhttp://grab.by/27SM

隅を拡大すると、私が話していることがわかります。セルを生成するために使用するコードは次のとおりです。

すべてのセルで一定のエッジの厚さを維持しながら、エッジを滑らかにするにはどうすればよいですか?

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

c# - 既定のコンストラクターを持たないコントロールに XamlReader を使用する

Xaml オブジェクトの文字列表現がいくつかあり、コントロールを構築したいと考えています。これを行うためにXamlReader.Parse関数を使用しています。パラメーターを取らないデフォルトのコンストラクターを持つ Button などの単純なコントロールの場合、これは正常に機能します。

ただし、ストローク コントロールなどにこれを実行しようとすると失敗します。最初に単純な空の Stroke を試します:

これにより、次のエラーが発生します。

タイプ 'System.Windows.Ink.Stroke' のオブジェクトを作成できません。CreateInstance が失敗しました。これは、'System.Windows.Ink.Stroke' のパブリックな既定のコンストラクターがないことが原因である可能性があります。

Stroke の定義では、少なくとも StylusPointsCollection を構築する必要があることがわかります。これはエラーが私に言っていることだと思いますが、これは XamlReader によって処理されると想定していました。StylusPoints を含む Stroke の Xaml を変換しようとすると、同じエラーが発生します。

私は何を間違っていますか?Stroke を正しく作成する方法を XamlReader に伝えるにはどうすればよいですか?

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

c# - WPF:ラインパス/ストロークの最後にオブジェクト/シェイプを配置するにはどうすればよいですか?

特定のラインパスの最後にオブジェクト(円)を配置できる方法があるかどうかを尋ねたいだけです。

これに似ています:

現在、行をトレースするための次のコードがあります。

ここで、私のパスのデータ(M532,668 L523,695 361,663 101,678 117,638など)が異なります。

私のアニメーションはこんな感じです...

助言がありますか?

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

apache-flex - 折れ線グラフのフレックス ラインの太さ

Flex LineChart でデフォルトの線の色を維持し、線の太さを変更したいと考えています。どうすれば実装できますか?

あるいは、LineStroke を使わずに線の太さや線の色を設定する方法があれば教えてください。

ありがとう。

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

graphics - Cairo で可変幅ストロークを作成する

カイロの stroke() は、指定された単一の幅のストロークをライン パスに適用します。

さまざまな幅のパスを描画したいと思います (ユーザーが速く描いているときは細く、遅く描いているときは太くします)。これはカイロで可能ですか?

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

actionscript-3 - ActionScript グラフィックラインスタイルのストロークを揃える?

グラフィックのストロークを actionscript に揃えることはできますか? たとえば、次のコードは、自動的に中央揃えされるグレーのストロークで黒の丸みを帯びた四角形を作成します。

lineStyle 関数は、ストロークを揃えるための組み込み機能を提供していないようです。Adobe Illustrator では、ストロークを中央 (塗りつぶしの半分/半分外側)、内側 (塗りつぶし内の境界)、または外側に揃えることができます。(塗りつぶしの外側の境界)。