svg-path

1熱

1答えて

CSSまたはJavaScriptを使用してSVGパスをアニメーション化または遷移させるにはどうすればよいですか？

私は次のコードを持っているのAdobe IllustratorでSVG画像を作成している：私は達成したい何 <svg id="logo_top" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"

0熱

1答えて

d3は、他のパスの下にあるパス上でマウスオーバーをトリガーしますか？

私はthis chartです。ご覧のとおり、私は2つのパスを挿入しました。サークルにマウスオーバーリスナーがあります。ここで問題となるのは、pathが他のサークルとそれに属するサークルの上に重なっていて、その下にあるサークルをホバリングしてもイベントが発生しないということです。ここで円は私が意味：は、私はこのように線や円を描く： //draw line let valueline =

-1熱

1答えて

透明な半円のあるトライアングルsvgを

私はそれらのsvgパスを作る方法を探していますが、今は運がありません。私は長い間インターネット上で検索していました... 私はcssがこれを行うことができると知っていますが、誰かがSVGでそれらを構築する方法を知っていれば、本当にいいと思います。第二SVG：SVGパスコマンドについてあなたが学ぶべき

0熱

1答えて

RNSVGPathのエラー設定プロパティ 'd'：NSString型のJSON値をNSArrayに変換できません

react-native-svgを更新した後、以前のバージョンで動作していたSVGコンポーネントでこのエラーが発生しました。問題は、Path要素のd属性です。 2017-03-07 17:06:03.253 [error][tid:main][RCTConvert.m:56] Error setting property 'd' of RNSVGPath with tag #35: JSON va

0熱

1答えて

SVG描画パスとonclick

私はjavascriptを初めて使用しているので、mouseeventsでパスを描画しようとしています。私はFRAMの4マウスクリックのパスを経由して作成したい：私は2つの大きな問題です。しかし、私は私のパスが非常に奇妙に見える理由を理解できません。なぜそれは私のマウスイベントのポイントのように見えません。マウスイベントのように見えるパスを作成するにはどうすればよいですか？私はこのよう

1熱

1答えて

イメージをSVGパターン内に正しく塗りつぶすにはどうすればいいですか？

私は変換を伴うレイヤーを使って作成しているSVGを持っています。イメージを基にしてパターンを作成して、背景として塗りつぶそうとしていますが、背景が非常に奇妙になっています：誰かがこのsvgで何が起こっているのか理解できますか？背景の「タイルは適切に塗りつめて、私はそれで満たしたいすべてのパスを埋める」のですか？背景画像が614に1000年であるので、それは非常に大きいです。ここは私のSVG

1熱

1答えて

JS svgペインティング。描画頻度を下げる方法（mousemoveイベント）？

私は単純なSVG描画アプリケーションを書いています。今は線描画を最適化しようとしています。生の変種はすべてのmousemoveイベントで 'lineTo'を描画します。それは、見栄えの悪いシャープネスを作り出しますグローバル変数testIntを使用して、lineToのアクション間の遅延をシミュレートすると、本当に素晴らしい滑らかな線が得られますが、悪い習慣のようです。誰よりも良い解決策を提案でき

-4熱

2答えて

SVGファイルでSVGパスのコマンドと座標

を教えてください、私はこのようになりますパスが見つかりました： <path id="kvg:0548b-s7" kvg:type="㇐b" d="M65.32,48.38c5.65-0.95,12.61-2.46,18.92-3.42c2.05-0.45,4.13-0.5,6.23-0.13"/> 誰かが座標48.38c5.65-0.95と18.92-3.42c2.05-0.45が何を表してい