問題タブ [stroke]

Excanvas は IE8 では動作しません!!! canvas要素にマウスでペイントするプログラムを書いています。私のjsコードの断片があります

あるときcontext.lineTo(ev._x, ev._y); context.stroke();- 何も起こりません！座標が渡され、キャンバスがペイントされて初期化されますが、

ラインをアンストロークする方法はありますか? 私のキャンバスには、不透明度 0.5、幅 20 ピクセルの線があるとしましょう。今、私はそれを長くしたいと思っています。つまり、古い線から別の線を引くということです。これを行うと、古い線と新しい線の間の一致点の透明度が低下します (現在は 2 つの線で構成されているため)。そのため、古い線のストロークを解除してから、新しい線をストロークしたいと考えています。

どうすればできますか？

ありがとう

Canvas を使用してペイント アプリケーションをプログラムしようとしています。それが機能する方法は、マウスが押されたときの接続線によるものです。線が不透明な場合はうまく機能しますが、アルファ パラメータを変更すると問題が発生します。

私は2つのオプションを試しました：

を。パスは、マウスが最初に押されたときに始まり、マウスが再び押されたときに終了します。マウスを動かすたびに、 stroke() 関数が呼び出されます。線が透明であるため、パス全体の始まりは不透明になり、最後は不透明になりません。なぜなら、 stroke() が何度も呼び出され、パス全体が何度も描画されたためです。

b. パスは、マウスのすべての移動で開始および終了します。線は全体を通して透明ですが、すべてのパスとパスの間の一致点は透明度が低くなります (2 本の線で構成されているため)。そのため、パス全体がしっかりしていません。

良い結果を得る唯一の方法は、マウスが再び上にあるときにだけ stroke() を呼び出すことです。その後、パス全体をうまくストロークしますが、実際に描いている間は何も見えません。

私に何ができる？

ありがとう

ボタンに使用するドローアブルを作成しようとしています。2px の境界線でこの色を付けたいと思います。

境界線を表示できないことを除いて、すべて正常に機能します...

これらのメソッドを MKOverlayView サブクラスに入れましたが、パスを塗りつぶすことが機能する理由と、同じパスをストロークしても機能しない理由がわかりません...

線を描画する必要があるポイント b/w を保持する配列 'a' があります。

drawLines (float[] pts, Paint paint)が行うことは、線 b/wa[0], a[1] と a[2], a[3] を描画し、次の線 b/wa[4 ]、a[5] および a[6]、a[7]。

ここで、b/wa[2]、a[3] および a[4]、a[5] という行も必要です。

では、どうやってそれを行うのですか？drawLines (float[] pts, int offset, int count, Paint paint) は役に立ちますか?? オフセットとカウントのパラメータがわかりませんか? 私は a[2],a[3] が 2 回読み取られるように、offset = -2 をパラメーターとして使用したいと考えていました。

ダブルクリックを実装した線の形状がありますが、線が細すぎます。線の上で正確にクリックする必要がないように、その周りに透明な白いパディングを追加したいと思います。

ストロークの太さを増やしたくありません。また、コンテンツ コントロールや境界線に配置したくないので、シェイプのままにしておきたいです。

ジオメトリではなく、2 つの形状を 1 つに結合する方法はありますか。線のジオメトリを使用して GeometryGroup でこれを行うことができ、2 つの線が複合形状になることはわかっています。ただし、ライン ジオメトリには独自のストローク プロパティがないため、Shape のストロークを使用するため、異なるものにすることはできません。何か案は？

つまり、線のジオメトリがストロークのプロパティを持つシェイプから派生させたいので、ラインのジオメトリが独自のシェイプのストロークのプロパティを持つシェイプから派生できないかと考えています。派生クラスの引数にシェイプを渡してジオメトリを取得することを考えていましたが、ジオメトリは引き続き同じストロークを使用します。

svg で株価チャートを作成していますが、パス要素のストローク幅を 1 に設定すると問題が発生します。線をより狭くする代わりに、ストローク幅:2 と同じサイズにします。でも少し透けます。評判ポイントが足りないので画像は載せられませんが…

私のsvgタグは次のようになります：

そして、javascript/jquery を使用してパス要素を動的に追加しています。

パスのd属性の値はちょっと長いので省略しました。また、color「緑」、「赤」、または「黒」のいずれかとして事前に決定される文字列変数です。

これを引き起こしているコードに何か問題がありますか、それとも別の問題ですか?

Manga Studioのような一部のペイントプログラムには、ストロークの終わりのポイントまで先細になるブラシが含まれています。これをどのように実装できるかについていくつかのアイデアがありますが、私には問題がある/非効率的だと思われます... Googleでこのタスクに関する情報を見つけることができなかったので、ここで質問したいと思いました。

AWTでテーパーストロークを作成するためのアルゴリズムを知っている人はいますか？

私が理解する必要があるのは、たとえば（x50、y50）-（x37、y20）-（x47、y10）などのマウスイベントからすでに持っているマウス座標をPath2D.curveTo（）などの引数に変換する方法です。自然。ストロークを先細にするための計算はどのように行いますか？（かなりの量の数学なしでこれを行う方法があるとは思いません...私は間違っている可能性があると思いますが。）

ありがとう！

編集：ユーザーはこのストロークを使用して画像にフリーハンドで描画できることに注意してください。つまり、ストロークの側面はユーザーのペンと一致するように湾曲している必要があります。