問題タブ [clip]
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.
java - カスタム ボーダーの外側のコンポーネント ペイント
このカスタム ボーダー クラスでは、RoundRectangle2D
形状を定義します。このオブジェクトは、境界線を描画するために使用されます。残念ながら、paint
a のメソッドはbeforeをJComponent
呼び出すため、クリップを形状に設定しても効果はありません。を発行しても。したがって、コンポーネントはその境界の外側に描画されますが、これは当然のことながら望ましくありません。paintComponent
paintBorder
Graphics
RoundRectangle2D
repaint
だから、私は疑問に思っていました:コンポーネントをカスタムボーダー内だけでペイントするにはどうすればよいですか?
私が検討した 1 つのアプローチBorder
は、メソッドでコンポーネントのオブジェクトを取得することでしたpaintComponent
。次に、このオブジェクトを適切なクラスにキャストします。ここで、クリップに影響を与えるパラメーターを定義します。しかし、これは「健全な」設計とは思えませんでした。
編集 -
赤い円は、コンポーネントがその境界を越えて伸びている場所を強調しています。
iphone - iPhoneで楕円の半分を切り取る方法
私は楕円を描きました:
しかし、楕円の半分だけが必要です。残りの半分を切り取る方法はありますか?
android - TextViewのテキストのAndroidクリップ上部
同じ番号を表示する2つのTextViewが必要です。これらの部分を異なる方法でアニメーション化するには、最初に上半分を表示し、2番目の下半分を表示する必要があります。(下の画像を参照してください。「8」桁の例があります)。
http://img403.imageshack.us/img403/2461/bottomtop.png
下部の切り抜きは完全に簡単ですが(TextViewの高さを設定するだけで十分です)、2番目のタスクは非常に難しいと思います。これまで私が思いついた唯一の解決策は、TextViewをレイアウトにラップし、y位置を負に設定することです-それは問題ありませんが、同時に多くの桁がアニメーション化されるため、最適化に注意する必要があります。
より効果的な方法でこれを達成する方法を知っている人はいますか?
iphone - iPhone 三日月模様の切り抜き方法
スタック オーバーフローの助けを借りて、iPhone でのクォーツ描画に慣れてきました。三日月のパターンを切り取るコードを作成したいのですが、これは私がこれまでに持っているものですが、期待どおりに機能していません:
正確には、コードの最初の段落は円を描画し (これは機能します)、2 番目の段落はそこから楕円を切り取る必要がありますが、これは意図したとおりに機能していません。
iphone - 円の内側に円を切り取る方法は?
大きい方と小さい方の 2 つの円があります。大きな円から小さな円を切り取り、その新しい形状 (穴の開いた大きな円) を使用して任意の画像に適用したいと考えています。クォーツで少し遊んでみましたが、これに対する解決策が見つかりませんでした。これを行う簡単な方法はありますか?
android - Androidでクリッピングプレーンとワイヤーフレームを同時に描画する
3D モデルをクリップしようとしています。シェーディング モードでは問題なく動作しますが、一部のデバイスでのみワイヤフレーム モードにするとアプリケーションがクラッシュします。使用に問題はありますglClipPlanef and GL_LINES
か?
glDrawElements(GL10.GL_LINES, 6*numberOfFaces, GL_UNSIGNED_SHORT,shortBuffer )
ワイヤーフレームの描画に使用しています。
html - クリッピング領域のアニメーション化
私は何ヶ月もの間、インスピレーションと問題解決の源として stackoverflow.com を使用してきました。これまでのところ、解決策のない問題に遭遇したことは一度もありません。そのため、ここでまず自己紹介し、関心のあるすべての人に問題を共有したいと思います。
ここ数週間、手書きなどの興味深い効果を作成するために、canvas 要素で特定の図形や線をアニメーション化してみました。
これを実現するために、canvas 要素の .clip() コマンドを利用するテクニックを使用して、事前にレンダリングされた画像 (フォーム、ラインなど) が「待機」する領域を非表示にして徐々に表示します。ここで遭遇する問題は、canvas 要素のクリッピング領域を決定する変数に関係しています。アニメーションの値を増やす (減らすのではなく) と奇妙な問題があるようです。
そして、これはすべて非常に奇妙に聞こえるので、私は知っていますが、ここに私が話しているコードの関連部分があります。
上記のコードは完全に正常に動作します。400*400 のキャンバスに四角形を描画し、それをクリッピング領域として使用し、その後円を描画し、それに応じてこの円をクリッピングします。アニメーション Interval によって、クリッピング四角形の長さがテスト値の 150 に減少します。しかし、ここで私を何時間も悩ませ続けてきた部分があります:
アニメーション全体を反転させ、クリッピング四角形の幅を 150 から始めて、recW++ でテスト値の 200 まで増やすと、突然アニメーションが機能しなくなります。変数の漸進的な増加は問題なく機能しますが、目に見えるクリッピング領域は拡大しません。
おそらくここで明らかなことを見落としているだけだと思いますが、エラーを見つけることができないようです。誰かが私を正しい方向に向けることができれば、非常に感謝しています;)
ありがとう
トリコン
css - 複数のCSSクリップスプライトを作成するにはどうすればよいですか?
pnmcat-lrを使用して1つにまとめた画像の行が必要です。ピースがハイライトと交換されるので、イメージマップは必要ありません。<img>
意味のある画像があるので、背景よりも欲しいです。
有望な例はhttp://css-tricks.com/css-sprites-with-inline-images/とhttp://1plusdesign.com/articles/css-clip-property-inline-image-sprites/のようです。後者は、3つのimgが連続して表示されるhtmlも表示します。
ただし、デモをダウンロードするときは、それらを個別に使用するだけです。そして、デモ1のdivを貼り付けると、自分のページで試したものと同じ結果が得られます。それらはすべて、一列に並んでいるのではなく、互いに重なり合っています。私はそれらを別々に包み、ラッパーに幅を置き、それを相対的に配置しようとしましたが、何も機能しません...
ところで。両方の作成者が2つのクラスを同時に使用します。これには何か理由がありますか?ラッパーがあるとすると、すべての画像で同じクラスはネストされたcssであり、他のクラスはid(1回だけ使用される場合)である可能性があります。
wpf - 切り抜きの代わりに切り抜き
RectangleGeometryを使用してWPF要素をクリップすると、元の要素の一部が表示されることはありません。次に、ビジュアルのこの部分にトリミングして、残りの部分を引き伸ばして親を埋めることはできますか?
javascript - Raphaelでclip-pathを使用する複数の要素
すべて、パスで構成された形状(この親と呼びます)があり、ユーザーはその上でさまざまなオブジェクトをドラッグアンドドロップできます。
クリップパスを使用してオブジェクトを非表示にしています。つまり、オブジェクトが親シェイプの境界を超えると、非表示になります。
親シェイプ内で、ユーザーはobjをドラッグアンドドロップできます。これらのオブジェクトを埋めます。画像付き。画像がobjよりも大きい場合。次に、objの外側の画像の一部。境界も隠されています(Raphaelのclip-rect)。
残念ながら、Raphaelは複数のクリップパスを好まないようで、競合が発生します。つまり、objです。内部の画像を使用して、そのクリップパス機能を親シェイプのクリップパスで上書きします。画像はobjの境界の外側に表示されます。
編集:これが私たちがやりたいことのイラストです。これがイラストでさらに説明されることを願っています。