問題タブ [stroke]

以下の XAML を見ると、2 つの四角形が作成されます。

XAML

多角形は実線でない境界線で描画されます。つまり、画像を拡大すると、アンチエイリアス処理されたエッジが表示されます。興味深いことに、四角形を描画すると、これらは得られません (左が四角形、右が多角形):

画像 http://www.barramsoft.com/pub/images/BarBorders2.png

ソリッド/クリーン エッジでポリゴンを描画する方法はありますか?

iPhone アプリケーションで鉛筆ストロークを作成したいと思います。この図のような線を描くことができます。

これらのタイプの脳卒中を実装する方法を誰か教えてもらえますか?

でテキストストロークを使用したいのです<input type="text"/>が、クロスブラウザ（Firefox、Google Chrome、Safari、Opera、IE7 +）である必要があります。

それを行う方法はありますか（CSS 2.1、jQuery ...）？

私は HTML5 の落書きアプリに取り組んでおり、バケツ機能のようなものを作りたいと思っています。アイデアは、パスを描画することであり、パスは閉じられ、選択された色 (ストロークの色) で塗りつぶされます。単色では非常にうまく機能しますが、透明なストロークと塗りつぶしが必要な場合、次の問題が発生します。

何が起こるかというと、ストロークの中央 (パスの実際のサンプリング ポイント) まで塗りつぶしが行われるため、シェイプの内側にストロークの半分のサイズの線があり、これは塗りつぶしとストロークの交点であるため、より暗くなります。

私が話していることは、このサンドボックスで実際に見ることができるはずです。

呼び出しがありますが、対応するも. もCGContextSetLineWidth表示されません。コンテキストで設定されている現在の幅を取得するにはどうすればよいですか? ライブラリ内の描画ルーチンのこれが何であるかを知る必要があります。CGContextGetLineWidthCGContextLineWidth

OSMdroid を使用してマッピング アプリケーションを実装しています。

最大 22 のズーム レベルを許可するタイル ソースを使用するカスタム MapTileProvider を実装しました。

デフォルトの MAPNIK プロバイダーは、レベル 18 までのズームのみを許可します。

問題は、ズーム レベル 19 までは PathOverlay インスタンスが完全に描画されますが、ズーム レベル 20 ～ 22 では適切に描画されないことです。誰かがパスの長さの 90% 以上を消しゴムでこすったように見えます (下のスクリーンショットを参照)。

PathOverlay の draw() メソッドを実行したところ、正しく計算されているようです(中間点は ZoomLevel 22 で正しく表示され、XY 投影は 22-ZoomLevel で除算されて現在の画面座標が取得されます)。

問題の内容とその解決方法について、誰かが洞察を提供できますか?

Cloudmade の小さなタイルを使用して MapView を呼び出すと、同じことが起こります。これは、レベル 20 までズームアップでき、「組み込み」の osmDroid タイル プロバイダー クラスです。

したがって、問題はタイル ソースまたはプロバイダーにあるようには見えませんが、キャンバスの描画方法に問題があるようです。これを解決する方法についてのアイデアはありますか?

zoomLevel 19 では、パスをうまく見ることができます。

しかし、次のズーム レベルでの同じパスは次のとおりです。

次のコードがあるとします。

そして、それが機能すると仮定しましょう (実際に動作します - ここでは省略しました)。たとえば、文字ごとにストローク幅を変更する簡単な方法はありますか?

のようなものを使用することを検討しています$image->queryFontMetrics($text, 'H'))が、もっと簡単な方法があるかどうか疑問に思いました。

ありがとう！

私が目指している特定のスタイルについて、SVGで図形のグループの輪郭を描きたいと思います。グループに適用すると、strokeプロパティは各形状の輪郭を個別に表示するように見えます。つまり、近くにある他の形状の上に効果的に配置されます。私の状況をより明確に説明するために：私はそれぞれ8x8ピクセルの接触する長方形のグループを持っています。ただし、これらは大きな長方形を形成しません。

簡単にするために、それらが十字を形成するとしましょう。だから私は5つの長方形を持っています-中央に1つ、その両側にもう1つ。まるで1つの形のように輪郭を描きたいと思います。この「クロス」形状が変化することを考えると、パスを使用しない方がよいでしょう。これは、より多くのコーディングが必要になるためです。エフェクトフィルターでこのグループを単一の形状として認識させる方法はありませんか？

そうでない場合は、少なくとも、幅と高さが正確に2ピクセル大きいこのグループの黒のコピーを作成して、グループの後ろに配置して黒一色の輪郭を作成することは可能ですか？もしそうなら、グループを複製せずにそれは可能ですか？

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

簡単に拡大縮小できる（ベクトルのような）いくつかの図面を実行する拡張ビューでいくつかのコードを設定しています。（私のスケールは0-1.0として設定されています）

ペイントの塗りつぶしをFILLに設定すると、パスに描画されたテキストは正しく表示されますが、塗りつぶしをストロークに設定すると（テキストの輪郭だけが必要です）、画像はLSDトリップのように見えます。これが私のサンプルコードです：

Paint.StyleをFILLからSTROKEに変更すると、以下の画像が表示されます。私はcanvas.drawText（）を使用しましたが、ストロークされた文字を表示すると正常に機能します。それがパスに適用されたときだけ、それがすべて奇妙に見えるときです。

私はこの例に非常に似たものを持っています：

https://developers.google.com/maps/documentation/javascript/examples/directions-simple

私がやろうとしているのは、ある都市から別の都市への線のストロークを変更することだけです。これは現在紫色です。

myOptionsにstrokeColorを入れてみましたが、うまくいきませんでした。