svg

2熱

1答えて

私はレイヤーの入ったカスタムSVGコードを持っています。これまでのところ、Webページで作業していますが、jQuery関数の表示/非表示を操作でき、今はリーフレットと統合したいと考えています。私はLeafletjs.comのチュートリアルとドキュメントを読んでいます。私が見たすべての例OpenStreetsマップ用の画像やいくつかのリンクを統合すると関連しているなど私は例として、次のように

0熱

1答えて

外部プレイポーズボタンスワップSVG＆テキスト

私は次のコードでのCSS、SVGの背景画像を持ってプレーし、一時停止を切り替えるために使用される再生ウィンドウは、以下の外部のボタンを持って、素晴らしい作品： <a onclick="jwplayer().play();" class="jwp-btn jwp-btn-icon-pl">Play</a> 私がしたいのは状態の変更です。ボタンに"> Play"が表示され、ユーザーがボタンをクリッ

2熱

1答えて

提供方法<use> WebpackとVue.jsでSVGシンボルを使用しますか？

私はVue.jsと一緒にWebpackを使用します。 <svg><use xlink:href="map.svg#someID"></svg> しかし、これはありません：私はSVG4Everybody-プラグインで、このように構造体を使用したコードで <symbol id="someID"><path></symbol> <symbol id="otherID"><path></symbol

2熱

1答えて

svgを送信する正しい方法は何ですか？

<use>タグに関連しているので、私は<svg>仕様について非常に混乱しています。私がオンラインで読んだことはすべて、微妙な違いでタグを実装しているようです。 css-tricks<svg>では<symbol>でviewBoxで添加される。 <svg style="display: none;"> <defs> <symbol id="basketball" viewBox=

1熱

1答えて

画像はディレクトリでは表示されませんが、画像コード付きで表示されます

Chromeは私の.svg画像を表示しませんが、画像のコードがhtmlとともに挿入されると表示されます。例えば（画像コードなし）画像コードとなぜこれが起こると、それの原因は何であるのか？

0熱

1答えて

SVGにテキストを含むマスクを作成します

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

2熱

1答えて

インラインSVG in react 16

私は、私の反応コンポーネントのアイコンとして使用したいSVGファイルを持っています。 <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 409.6 405.76"><defs><style>.

0熱

2答えて

どのようにSVG <use>要素をホバーに書かせることができますか？

私はSVG初心者です。私はを使用している<use>要素のため、CSSで特定の要素にカーソルを置いて複数の要素のスタイルを変更しようとしています。だから、私は次のよう<defs> <defs> <filter id="Sjax0b81q1" filterUnits="userSpaceOnUse">...</filter> <circle cx="0" cy="0" r="40"

0熱

2答えて

svg bbox（）は常に値を返します。xとyは0ではない場合は0です。

シェイプを描画するのにSVG.jsを使用しています。形状の1つは、半径線を持つ円でなければならないので、そのような振る舞いを得るには、 "g"要素の内側に楕円と線を使用しています。トラブルは、私はそのグラムの要素を参照してバウンディングボックスを取得しようとするたびに、私はいつものように値を取得するには、次のとおりです。 { x: 0, y: 0, width: widthOfBox,

0熱

1答えて

svgテキストタグのロシア語の文字が正しく表示されない

私はサイトSvgにあり、があります。テキストですが、ブラウザを開いたときにテキストが正しく表示されません。このは私のコード <g> <rect id="XMLID_2_" x="409.1" y="102.3" transform="matrix(0.7071 -0.7071 0.7071 0.7071 25.8097 371.5413)" class="cubes hex-init