svg

0熱

1答えて

複数のグループ化された要素を持つSVGがあります。私がしなければならないことは、セクシフィックなグループにズームすることです。私は既に{top, left, width, height}と私はズームしたい（私のSVGのviewBox属性を変更したい）とrectを得ました。 viewBoxの正しい値を計算する簡単な方法はありますか？

1熱

2答えて

svgロゴを透明な背景にする

私はこのsvgロゴを私のウェブサイトに追加しました。私はバックグラウンドではないイラストレーターにそれを保存し、それがウェブブラウザでポップアップすると、その背景は白です。これを修正する方法や問題が何であるかは不明です。ここで heres what it looks like on my end はフィドル https://jsfiddle.net/n3ov9czj/ <img src="imag

0熱

1答えて

jQueryキャンバス上のすべてのSVGを削除または非表示にする

私はSVGを削除または隠したいと思っています。ダブルクリックします。 var draw = SVG('output').size(1000, 500); var table = draw.circle(50) .fill('#00ff0000') .stroke('black')] .center(50, 50); table.attr("class", "table"); $("

5熱

1答えて

d3 v4で無限水平軸を作成

私はd3 v4（4.12.0）を使用しています。私はSVGコンテナを持っています。このコンテナには、マウスでパンすることに対応する単純な水平軸（x軸、リニアスケール）が描画されています。 "無限"または "無限"の横軸をシミュレートしたいと思います。これは、非常に大きなデータセットの小さな部分だけをロードしてレンダリングし、この大きなセットの要素の非常に小さなサブセットを示す軸だけを描画するこ

0熱

1答えて

私のSVG用CSS（Transform Originに問題があります）

私は左の最初の円に2つのクラス（firstCircle &スピン）を持っていて、それを回転させようとしています。あなたは円を見ることができます）私は変換の起源について混乱しています：私のコードで何が間違っています。回転しているのではなく回転しています。私は幅と高さを加えて、変換元を試して、それを消してしまいました。 .spin { position: absolute; top: 50%;

0熱

2答えて

idを使用せずにsvg-elementにマスクを追加できますか？

svg-imageにsvg-maskを割り当てたいとします。私は、SVG-タグで異なるIDを持つ、このSVGを複数回ロードしたいしかし <svg id="svg1" width="5cm" height="5cm" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg" version="1.1"> <defs>

1熱

1答えて

2つの円の交差を塗りつぶす

私は、交差が異なる塗りつぶし色を持つ2つの円を描こうとしています。 <svg width="300" height="200" xmlns="http://www.w3.org/2000/svg"> <g> <circle r="85" id="circle_left" cy="100" cx="100" stroke-width="1.5" stroke="#000"

0熱

2答えて

SVGを反復するには？

私はSVGで腕時計をレンダリングしたいと思います。私はサークルを持っており、今は時と分のインデックスをレンダリングしたいと思います。 svg { width: 100vmin; height: 100vmin; overflow: hidden; } line, circle { stroke: black;

0熱

1答えて

配列から巨大なsvgを取り出し、親要素内で拡大縮小します

svgファイル（ロシアの地図）を取得してパスの配列を取得しました。ここでは、スニペットは次のとおりです。 var states = [ { id: "1", d: [ "m 6477.42,3306.03 -13.31,-25.82 -71.82,-40.46 -52.18,49.61 -52.21,5.21 -74.43,-48.3 -50.89,