問題タブ [bevelled]

基本的な形状やグラデーションの描画など、Quartz 2D 描画の基本のいくつかには精通していますが、次のように「面取り」された形状を描画する方法がわかりません。

ベベルサークル http://www.shaggyfrog.com/junk/beveled-circle.jpg

基本的に、1 つのコーナーに輝きがあり、反対側のコーナーに陰影があるかもしれません。この画像は私が作成したものではありませんが、近似できるようにしたいと考えています。

何か案は？これは iPhone 上にあり、組み込みのフレームワークを使用し、可能な限り外部ライブラリを避けたいと考えています。

ボタンの ControrTemplate を変更し、CornerRadius と BevelBitmpaEffect で境界線を付けました。最小限の労力で十分にまともに見えます。色付きの背景に置くと、問題が明らかになります。

ライトアングルがそこから来ているコーナーは、直角のコーナーを持つ白いスニップです。おそらくライト効果によるものですが、コーナー半径で非常に明白です。私はそれについて何もできないと思います（ cornerRadius を使用しないなどの明らかなことを除いて）？

編集：

このコードは、同じ問題を生成するはずです

たとえば、ライトブルーの背景でこのボタンを使用します

これは以前のxcodeと何ら変わらないはずであり、xcode 4が登場する前にこれを尋ねる質問があることを知っています...

しかし、xcode 4 の info.plist では、「アイコンには既に光沢とベベル効果が含まれています」ではなく、「アイコンにはすでに光沢効果が含まれています」であり、「いいえ」を選択してもアイコンのベベルを取り除くことはできません。xcode 4でベベル効果を取り除くことができないように変更しましたか? それとも、何かが足りないのですか？

私のアイコンは適切なサイズで、PNG とすべてのものです...アイコンは機能しますが、ベベルを取り除くことはできません...

iPhoneシミュレーターだけですか？

前もって感謝します。

隆起したベベル ボーダー (Swing 用語) を使用して、カスタム パネルのようなビューを描画したいと考えています。これにはいくつかの事前定義された方法がありますか? たとえば、現在のボタン スタイルから境界線を取得することは可能ですか? それとも、独自の 9 パッチなどを作成する必要がありましたか?

タグがあるこのcssコードがあります。ホバーするとベベルになるようにスタイルを設定しました。

これはcssです：

そして、これはhtmlです：

私がやりたいのは、スパンテキストにカーソルを合わせると、ベベルアップして、ボタンのような効果を与えることです。現在、下向きに面取り中です。

どうしたら曲がるようになりますか？ここにそれのフィドルがあります。

OpenGL ES2.0 の GLSL でフラグメント シェーダーを作成するのは初めてで、特定のグラフィックのベベル効果を作成するフラグメント シェーダーを作成しようとしています。これまでに私ができることは次のとおりです（下の壁やその他のテクスチャリングは無視して、ベベル効果が適用されている上部のみを見てください）：

望ましい結果は次のとおりです。

対角線でのシェーディングの違いに注意してください。それらは、水平方向のエッジよりもシェーディングが薄くなります。斜めのエッジから水平または垂直への移行に注目してください。また、ベベルの厚みにも注意してください。この望ましい結果にできるだけ近づけたいと思います。

現在、私が使用しているフラグメント シェーダーは非常に単純です。コードは次のとおりです。

目的の効果を作成するには、シェーダーに何を追加する必要がありますか?

HTML5キャンバスに（たとえば）線を引きたい。次に、その行に画像のベベル効果を追加したいと思います。つまり、キャンバスの上にひもが置かれているように、3D に見えます。その線に沿って何かを行うことができる画像処理効果を見た人はいますか?

CSS で次のようなボタンを作成することは可能ですか。

もちろん、画像を背景として使用するという意味ではありません。簡単に行うことができます。私は、webkit タイプのソリューションについて話しています。

aspose.slides を使用してプログラムで形状にベベル 3D 効果を追加しようとしていますが、機能していないようです。

奇妙なのは、実際にパワーポイントにアクセスして「形状の書式設定」をクリックすると、以下で設定しているすべての設定が設定されているように見えますが、3D 効果が表示されないことです (下の写真を参照)。パワーポイントで設定のいずれかをクリックすると (BevelTop = circle のように既に設定されている設定を再クリックしても、その時点で有効になります。

以下で何か間違ったことをしていますか？

問題を説明するのに役立つ写真を添付し​​ました。

左側はコードで作成しようとしているもので、画像の右側は実際に表示されているものです。ここに私のコードがあります

何かが足りないか、間違っているか確認してください。

Chart.js を数か月間使用していますが、プログラミングが簡単で、Chart.js が提供するパワーが気に入っています。Chart.js から生成されたグラフに追加したいことの 1 つは、生成するグラフのスタイルを少し良くすることです。私たちが使用しているグラフのほとんどは棒グラフで、いくつかの折れ線グラフが挿入されています。

「スタイリング」という用語を使用するとき、私が実際に話しているのは、棒や線を少し見栄えよくすることです。具体的には、棒グラフと折れ線グラフの後ろにドロップ シャドウを追加したいと考えています。

私は多くの質問に目を通しましたが、探しているものが見つからないようです。また、Chart.js ファイルを変更してドロップ シャドウとぼかしを JavaScript に追加することで、自分自身でいくつかの実験を行いましたが、正しい場所に追加されていません。これらの変更を Chart.Element.extend 描画関数内に配置します。

ctx.fill() の直前に配置すると、ほとんど必要なことが行われます。その結果、描画している棒グラフと折れ線グラフの両方でかなり見栄えの良いドロップ シャドウが表示されますが、x 軸と y 軸のラベルにもドロップ シャドウが表示され、見栄えがよくありません。ラベルではなく、棒と線だけにドロップ シャドウを付けたいと思います。

あなたが提供できるどんな助けも大歓迎です。私は JavaScript の経験がありませんが、スタック オーバーフローの皆さんの助けがなければできないようなかなりの量のコーディングを行うことができました。