svg-filters

0熱

1答えて

私は現在、以下のようなコメントアイコンをsvgに作成しようとしていますが、テキストの周りのスペースは吹き出しのカットホールとして（ボトムのアイコンのようにはなりません）。私は反応で動的にsvgを生成するので、<text>要素が必要です。可能かどうか誰かが知っていますか？おかげ

0熱

1答えて

SVGフィルタを使用すると、部品が細かくなります

これを説明する最良の方法はわかりませんが、画像をアップロードして、codepenに表示されます。 CSS： .container{ position: relative; margin-top: 50%; -webkit-filter: url("#goo"); filter: url("#goo"); } SVGフィルター： <svg xmlns="

2熱

1答えて

<filter>の丈夫な高さはカットオフを防ぎません

私は<path>に<filter>を適用しようとしていますが、ぼかしだけでなく元の画像の一部、つまりマーカーもクリップされている問題があります。私はデフォルトのフィルタの高さ（これは120%）を増やしてみましたが、それは役に立たないようです。 <svg style="height:400px;width:100%;background-color:LightCyan"> <defs>

1熱

1答えて

暗いSVGの白い影を取得しようとしています画像

私は影が入ったsvg画像を入れようとしています。私のホームページの背景色はかなり暗いです。だから私は暗いSVGオブジェクトの白いドロップシャドーを持っていたいと思います。これは可能ですか？ the svg image looks like this.

1熱

1答えて

Gooeyエフェクトがトランジション終了後に乱れる

私はグーイー効果でラジオボタンの種類を作成しようとしています。トランジションが起こっている間、エフェクトはよく見えますが、トランジションが終了するとすぐに、エフェクトがうまくいきません（カラーがうまく融合せず、エッジが光ります）。私は問題が何であるかを理解しようとしていましたが、成功しませんでした。ビデオ： $('.register-option').click(function() {

1熱

2答えて

SVGフィルタは、長さがゼロの側になることがあるバウンディングボックスを基準にしています。

これは幾分続きますHumongous height value for <filter> not preventing cutoff：まだ私は<filter>を<path>に適用しようとしていますが、クリップされているものに問題があります。問題がまだすべてはそのため適用しようとしているもののサイズに対するパーセントにあったと、<filter>上x/y属性を使用して、フィルタのキャンバスの中心を移

2熱

1答えて

いくつかの状況でSafariでSVGフィルタが曖昧になる

SVGフィルタの影響を受けるすべてがファジーになるSafari以外のすべてのブラウザ（Firefox、Chrome、さらにはIE/Edge）上で正常に表示されるインタラクティブSVGを持つページがありますmush（双線形補間を使ってスケールアップされた低解像度のキャンバスにレンダリングされたもののように見えます）。今ここで問題も表示される小さなテスト・ケース： <svg> <def

0熱

1答えて

SVGフィルタをFirefoxでも動作させるには？

SVGフィルタを使用してCSSアニメーションのトップラインを明るくしました。 Chromeでは完全に正常に動作しますが、Firefoxでは正常に動作しません。 FirefoxにはSVGフィルタを読み込む別の方法があるので、Firefox専用のコードを追加する必要があるかもしれません。私はいくつかのことを試しましたが、どれもうまくいきませんでした。私はこれをどのように達成することができますか？あ

0熱

1答えて

SVGモフォロジーフィルタの拡張フィルタを実装

SVGモフォロジフィルタの拡張フィルタを実装しようとしています。拡張（または侵食）カーネルは、幅が2 * x-radius、高さが2 * y-radiusの四角形です。膨張では、出力ピクセルは、入力画像のカーネル矩形内の対応するR、G、B、A値の個々の成分ごとの最大値である。 https://www.w3.org/TR/SVG/filters.html#feMorphologyElement 私

1熱

1答えて

変換された要素のSVG影

変換で要素に影を設定したいと思います。 <svg xmlns="http://www.w3.org/2000/svg" version="1.1" baseProfile="full" width="1000" height="800"> <path d="M 0 0 L 50 0 L 50 50 L 0 50 L 0 0 Z" fill="red" fill-opacity="1