問題タブ [clipping]

手に負えないサイトのURL：http: //chrism.se

ライブにした後、ビューポートがコンテンツに対して小さすぎてスクロールが必要な場合、背景画像（body-tag、repeat-x）が最初のビューを超えて拡張されないことがわかりましたが、拡張できません私の人生のために、それを修正する理由と方法を理解してください。覚えておくべき注意点は、私はJavascriptに精通しておらず、デザイナーが派手な効果を望んでいたため、自分でサイトをコーディングしなかったことです。私の先輩は確かに救済策を見つけることができましたが、残念ながら彼は不在であり、私はこれをまとめたいと思います。

htmlとcssの状態は、この問題を見つけたときと同じですが、主に最小幅を中心に、同様の質問で見た提案を試しました。背景の違いがビューポートと同じくらい広いのがよくわかりませんか？と私の問題？

フルビュー= i.imgur.com/ 6aDpN.jpg

問題= i.imgur.com/ X6JVp.jpg

通常、<clipPath>要素はクリップ パスの外側にあるすべてのものを非表示にします。反対の効果、つまり画像から何かを「切り取る」ことを実現するには、clipPath とclip-rule="evenodd"属性で 2 つのパスを使用します。基本的に、クリップパスを「xor」したい。

しかし、うまくいきません。「ORed」された領域を示しています。

編集：

私の問題は、AFAIK<mask>が iOS WebKit で機能しないことです。

ListBoxので指定されているように、いくつかのコンテンツをフロートアウトする必要がありDataTemplateますListBox.ItemTemplate。使用していますが、コンテンツが境界RenderTransformでクリップされます。ビジュアルツリー全体用です。ListBoxClipToBoundsFalse

専用のクリッピングプロパティで指定されていない場合でも、WPFが内部でクリッピングを実行することをどこかで読みました。また、使用するとクリッピングの問題が解決する場合があることもわかりましたがCanvas、ここでは役に立ちません。

どうすればこの問題を克服できますか？これが私が修正したいいくつかのXAMLです。長方形の左側全体が欠落していることに注意してください。

私はこのコードを手に入れました:

そして、指定されたビューに描画し、クリッピング四角形をパラメーターで関数に渡すにはどうすればよいのだろうか。ヒント: drawRect については気にしません。何もサブクラス化していません。

ヒント 2: 後で削除できないレイヤーを挿入したくありません。

ヒント 3: このコードでは、私の目に見えるものは何も描画されません..... :-( グラフィック ポートがありませんか?

ヒント 4: 背景色を変更するだけで描画を消去したいのですが、完了です...

NSView角が丸いサブクラスを作成しています。このビューはコンテナであることが意図されており、他のサブビューがそれに追加されます。の丸みを帯びた角を取得して、サブビューのすべての角もクリップしようとしていNSViewますが、取得できません。

赤はほんの一例です。rectにサブビューを追加すると、コーナーがクリップされません。

どうすればこれを達成できますか？

内部に線形レイアウトのスクロールビューがあります。このlinearlayout内の要素の1つは、glsurfaceviewです。

これはすべて正しく機能し、スクロールするとglsurfaceviewが上下に移動しますが、glsurfaceviewがスクロールビューの本来あるべき位置の上部または下部に到達すると、クリップされるべきではなく、スクロールビューの外側に続きます。このスクリーンショットはそれをより明確にするはずです：

完全に必要だとは思わないが、これが私のlayout.xmlです。

すべてが大いに感謝します:)

私のマークアップには、次のようなチャンクがあります。

私がやりたいのは、そのチャンクを取得して別の svg ルート要素に複製し、それぞれが異なる位置とクリップ セグメントを持つ一連のウェッジを作成することです。その部分はクールですが、フラストレーションは、複製された各 clipPath 要素が新しい ID を受け取る必要があり、一致する要素の clip-path 属性に挿入する必要があることです。

すべての円弧が同じ長さである場合、共通のクリップを使用して回転変換を使用できることはわかっていますが、必ずしも同じ長さであるとは限りません。

明示的に名前を付けるのではなく、トポロジー関係を使用してクリップ ポリゴンを宣言することはできますか? または、パスを使用する以外に、このような弧を定義するより良い方法はありますか?

ありがとう。

私がここに持っているコードは予備的なものです。私はクリッピング手順に焦点を当てています。if（）ステートメントはたくさんあるようですが、誰かがこれを少なくとも少しは最適化する賢い方法を持っていることを願っています。

m_nStrideが何であるか疑問に思っている場合は、そのすぐ下のピクセル（y + 1、x + 0）に到達するために、任意のピクセルポインターに追加する要素の数です。しかし、いずれにせよ、それは私の質問に関しては重要ではありません。

一般的な考え方は、左、上、幅、高さの座標を使用して、画像の長方形の領域（32-bpp）を塗りつぶすことです。座標によってその領域が画像の境界を越える場合、その領域はエラーとして解釈されるのではなく、画像内に収まるようにクリップされます。

ここで単純だがイライラする問題...

ポップアップ コントロールがあります。

これは、Grid.Clip が定義されている Grid の側に含まれています。

PopUp は、グリッドのクリッピングされた領域の外側にまだ表示されています。

すなわち

理想的には、緑色のボックスが表示されたり、赤色のボックスの外に「出血」したりしてはなりません。問題は、それが PopUp 内に含まれているため、出血することです。これを (PopUp コントロールを削除せずに) 変更して、PopUp が含まれているコントロールの外に出ないようにするにはどうすればよいですか?

次のJSFiddleを参照してください。

http://jsfiddle.net/zScKW/

子divが親の境界線をクリップしていることに注意してください。境界線を削除すると（ただし、角は丸みを帯びたままになります）、アイテムは期待どおりにクリップします。Firefox 4は、境界線が始まる前にアイテムがクリップされた状態で、このマークアップを期待どおりにレンダリングします。ただし、Chromeは、境界線の外縁に到達するまで子をクリップしません。

誰がこの振る舞いを正しくしていて、ハックはありますか？修正されるバグであればChromeのままで問題ありませんが、Chromeで仕様どおりにレンダリングする場合は、レイアウトを微調整する必要があります。

（投票する前に、これはFirefox 3.5 / Chromeのバグに関する複数のスレッドとは異なるバグであり、丸みを帯びた境界線でアイテムがまったくクリップされないことに注意してください）