svg

0熱

1答えて

私はSVGイメージを使用するボタンを持っています。どのように塗りつぶしの色を使用するには？現在のところ動作していないし、デフォルトのSVGの色が黒で表示されています。私はjQueryを使用することはできませんし、可能であれば純粋なCSS/HTMLに保つことを好みます。 CSS/HTMLのみでsvgの塗りつぶしの色を変更する方法はありますか？注：以下は、ローカルのSVGファイルをサンプルに置き換

1熱

1答えて

SVGの単語間にfont-sizeを設定するにはどうすればよいですか？

私は単語の間にフォントサイズを増やそうとしています。しかし実際には働いていません。私はすべての単語の条件を作成することはできません。この1たびに、私はx位置を与えているため var country_x = (country1.length > 4)?0:140; top_text.append("text") .attr("x",country_x) .attr("y",120) .at

1熱

2答えて

リーフレットでsvgパスをクリックしてパスIDを取得するには

リーフレットプログラミングには新しく、.svgファイルがあります。オープンストリートマップ上でスーパーでクリックできるようにしたいと思います。オープンストリートマップでImage-overlayオプションでオーバーレイとして作成しようとしましたが、svgはクリックできません。基本的には、クリックしたsvgパスまたは要素のIDをリーフレットに表示したいとします。クリックすると地図がズームしていま

0熱

1答えて

SVGを隠しdivの中からコピーしてサムネイルを作成する

私はいくつかのチャートをレンダリングしているページがあります。これらは融合図です。私は各グリッドボックスがクリック可能なグリッドレイアウトを持っており、クリックするとグラフがレンダリングされるdivが表示されます。デフォルトではこれらのdivは非表示になっていて、それぞれのアンカータグがクリックされると対応するグラフが表示されます。今私が欲しいのは、グリッドボックスは、レンダリングされているチャー

0熱

1答えて

SVGの読み込み時間が速いか、スプライト画像を要求していますか？

特定の例として、異なる色でサイトの異なる部分で使用される基本的な図形とアイコンを描画します。私はsvgまたはスプライトを使うべきですか？しかし、これに標準的な回答があるかどうかを確認してください。

1熱

1答えて

Inkscape - 画像をパターンとして使用してrectを使ったときの画質低下<image>

したがって、基本的には2つの異なるバージョンのpngイメージを使用します。最初にInkscapeで開き、svgとして保存し、2番目の「パターンに変換」をクリックしてからsvgとして保存します。最初のファイルに次のようになります。 <image width="1280" height="720" preserveAspectRatio="none" xlink:href="data:imag

0熱

1答えて

fabricjsでインポートされたsvgのテキスト

すべて同じイメージから作成され、相互に重ね合わされた複数のsvgをインポートしています。私はテキストを特定のsvg/textareaパスの中央に追加したいと思います。次に、最小サイズで提供されたテキストに合わせてテキストエリアを拡大/縮小します。 iveは自分自身を混乱させる。私はもう考えていない？私はすべてを削除し、方向を開始することは非常に役立つだろう。私は何を得たのHeres。 var ca

1熱

2答えて

私はSVGにテキストを入れたいです（youtubeロゴ）

サー、私はsvgの後にテキストを入れたいと思います。テキストは、SVGイメージの後にウィンドウペイントを使用して中央に配置する必要があります。私は、私が望むのとまったく同じようにイメージを作ろうとします。私はそれを私のウェブサイトに入れたいです。私はCSSとHTMLで良くありません。私を助けてください。たとえば、私は、次のコードを試してみたが、それは働いていません。私は望んでいないSVGの

2熱

2答えて

サイズ変更可能なバブルチャート

D3jsバブルチャートの例（https://bl.ocks.org/mbostock/4063269）を使用しており、現在のページに合わせてグラフのサイズを変更できません。どうすればいい？ <svg viewBox="0 0 300 300"></svg> <svg preserveAspectRatio="xMidYMid meet"></svg>

3熱

1答えて

cssスケール移動要素なし

私はsvg要素をアニメーション化し、スケール（2）させたいと思います。これは正常に動作しますが、問題は私の要素に 'x'と 'y'の値があることです。このため、スケールは要素を別の位置に移動します。しかし私は別の位置に移動することなくそれを拡大したいと思います。 'x'と 'y'の値は別の場所で定義されているので、私のCSSの値を "ハードコード"したくないです。そして私はJSを可能な限り面白