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

uilabel - カスタム UILabel とそのストローク

この drawRect メソッドでカスタム UILabel クラスを使用しています。

しかし、ピッカービューを介して strokeColor (myText.strokeColor = [self colorWithHex:0xe55f00]) を変更すると、ラベルのストロークの色が変更されるため、正しく機能します。
代わりに、fillColor を編集すると、塗りつぶしとストロークの両方の色が変わります。(myText.fillColor = [self colorWithHex:0x000000])

私は何を間違っていますか??

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

css - 特定のクラス スタイルをパスに追加する

特定のパスに一致するクラスを css に追加する方法を探しています (たとえば、パスの名前は「都市」であり、別の色のストロークまたは塗りつぶしを適用したいと考えています。さまざまな方法がありますが、結果はありません。

前もって感謝します!

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

css - JavaFX2:ノードのコンテンツとストロークに別々に不透明度を設定できますか?

私はJavaFX2.2(JDK 7u7)とSVGファイル(もう一度; D)を扱っています。SVGコンテンツをFXオブジェクトにマッピングする必要があります。

私の問題は、たとえば<rec>(Rectangle)がSVGファイルで定義されていることです。対応するCSSスタイルは次のように定義します。

  • fill-opacity:0

  • ストロークの不透明度:1

私の知る限り、ノード全体の不透明度のみを設定できます。ストロークと塗りつぶしの不透明度に違いはありません。

CSSリファレンスガイドにも適切なエントリが見つかりません。

繰り返しになりますが、私は何かを見逃しているだけですか、それとも今は単に制限されていますか?デリケートな問題を解決するためのヒントはありますか?

いつものようにどんな助けもありがたいです:)

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

html - html5キャンバスの二重線ストローク

html5キャンバスパスを使用して、二重線の境界線を持つ形状を描画したいと思います。デフォルトのストローク(context.stroke())には、単一行タイプのパスがあります。元の形の中に似たような形を描いて、2本の境界線で作ったような形を作ることもできますが、ある種の一般的な解決策が必要です。何か案は?

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

cocos2d-iphone - cocos2d の非長方形 CCNode のアウトライン (ストローク)

このようなアウトラインを動的に作成する必要があります。

赤の 2px アウトライン

CCSprite 用ではなく、1 つの CCNode に統合された複数のアニメーション化された CCSprite 用です。私は考えています:

  1. CCNode のコンテンツをテクスチャにコピーする ( canvasBitmapData.draw(sourceDisplayObject)AS3 のように)
  2. 結果のテクスチャで CCSprite を作成する
  3. スプライトを輪郭の色に着色し、少し拡大します
  4. ノード内の他のスプライトの後ろにスプライトを配置する

ステップ 1 の実行方法がわかりません。また、ステップ 3 のティント スケールではなく、テクスチャの不透明なピクセルの周りに「真のストローク」を描画する方が速いのではないでしょうか?

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

html - html5を使用してキャンバスにアニメーション描画効果を作成するには?

人々が描いている間に花火を爆破し、ストロークラインに素敵な効果を与える素敵なストロークを作成する方法を知りたいのですが、それは可能ですか? このパーティクルがこのビデオyoutube ビデオのここに表示されるように

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

android - Android 4.2 では、太さが 1 ピクセル未満の線を描画するにはアンチエイリアスが必要です

Android で非常に細い線 (1 ピクセル未満の太さ) を描画しようとしています。私は使用しています

ペイント オブジェクトを初期化します。

これは Android 2.2 では正常に動作しますが、4.2 (4.1 も同様だと思います - 簡単にテストしました - 2.2、4.1.2、および 4.2 以外のバージョンはテストしていません) で試してみると、行が表示されません。私がそれらを描くときに現れます。それらを 4.2 で表示するには、アンチエイリアシング フラグを true に設定する必要があるようです。(私はそれを試してみましたが、線が表示されました。)しかし、線などがぼやけるので、私は本当にそれを望んでいません。

これは Android のバグですか?アンチエイリアシングをオンにする以外に、動作させるためにできることはありますか?

編集:これもピクセルサイズ0.9でテストしましたが、問題は同じです。

助けてくれてありがとう!

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

uiview - UIView drawRect:パス内でストロークすることは可能ですか?

コア グラフィックスでは、パスの内側をストロークできますか? ストローク パスの外側と内側に半分ずつ線の太さを描画するのとは対照的に?

その理由は、ビューの一部が画面の端にあり、一部がそうでない場合、ストロークの目に見える太さを制御する方が簡単だからです。画面の端の部分が切り取られ、画面上に完全にあるビューの端が太く見えます (ストロークが表示されている場合は両側が表示されます)。

ここに画像の説明を入力

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

url - Chrome は svg stroke='url(#...)' を壊しましたか?

12 月上旬に、SVG で作成された派手な境界線を持つ HTML テーブルを使用して、Chrome で開発された Web ページを作成しました。テーブル セルのサイズが不明なため、相対 (%) 座標を使用して下と右の境界線を取得する必要があります。したがって、線要素を使用する必要があります。stroke='url(#...)' メソッドを使用してこれらの行をパターンで埋めることができます。ここで、... はローカルの defs セクションのパターン要素です。これは Chrome では機能しなくなりましたが、Safari と Firefox では機能します。非常によく似た fill='url(#...)' が Chrome で機能していますが、相対アンカー座標では使用できません。

誰かがこれに遭遇しますか?

テストケースは次のとおりです。

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

ios - iOS、UIImageにストロークでテキストを描画

私は現在、iOSマップのAnnotationViewに表示されるUIImageにテキストを描画しています-特定の長い/緯度座標で表示されるカスタムアイコン。うまく機能します。ただし、このテキストを白い線で描きたいと思います(アウトラインと呼ぶこともあります)。

//テキストを描画し、UIImageiOS5/6に追加します