snap.svg

0熱

1答えて

DOM内のSvgは古いブラウザ（IE9、IE10、Safari 6）で縮尺されていません

snap.svg（snapsvg.ioのjQueryプラグイン）を使用して.svgイメージを私のウェブサイトにロードしています。私のフォールバックがどこにあり、HTMLの構造を失うことなく、特定の要素をアニメーション可能にします。 Iが直面する問題は、画像が（例えばIE9、IE10、サファリ6）古いブラウザ SVG特性のスケールではないということです。私はBrowserStackに放火犯をすること

1熱

1答えて

SNAP.svgアニメーションパスを時計回りに

SNAP.svgを使用してドーナツをアニメートしようとしています。私はパスの値を計算するためにSNAP.animate関数を使用しています。問題はパスがendAngleからstartAngleに引き込まれていることですが、その逆が欲しいです。ここではcodepenリンクhttp://codepen.io/junedchhipa/pen/qaeePP <html lang="en"> <head

3熱

2答えて

Snap.svg：どのように要素を歪ませることができますか？

私はSnap.svgを初めて使用していますが、単純な四角形を歪ませようとしていますが、どうやって解決するのか分かりません。私はすでにドキュメントを検索しました。これは私がこれまで持っているものです。 /* stage */ var s = Snap('#mysvg'); s.clientRect = s.node.getBoundingClientRect(); s

1熱

2答えて

読み込み用の配列にSVGオブジェクトを格納する

Snap.svg APIに関数Element.append(el)を使用する際に問題があります。 SVGのインスタンスを変数の配列に格納して、実行時に特定のSVGにアクセスできるようにする必要があります。 groupViewsに保存するだけでこのコードを試してみましょう。しかし、それを配列（groupView）を置くことは私にこのエラーをもたらします： Uncaught TypeError: Ca

1熱

1答えて

JavaScript関数のパラメータは、私はSVGファイルをアニメーションだ、と私のコードを膨張させないために、私は次の機能を書かれている

をロードしません。私はこれがなぜであるかについての手がかりを持っていません - それは 'attToAnimate'という名前の属性としてsvg要素に渡されたばかりです。私はアニメーション機能の外でそれを記録しようとしましたが、私がそれを行うとうまくいっています。ご協力いただきますようお願い申し上げます。

1熱

1答えて

グレースケールの離散値（0/1）

スナップ用のフィルタプラグインを作成しました。これは、値が（> = 0.5、> = 0.5、> = 0.5）、値が0のピクセルの場合は離散値1を返します（< 0.5,< 0.5,< 0.5）私は、白から黒までの線形グラデーションを使用しています。この勾配、最も左のピクセルが（1,1,1）であり、最も右のピクセルが（0,0,0）であり、中央の画素が（0.5,0.5,0.5）でありますしたがって

0熱

1答えて

snap.svgのグループの要素/子を反復処理する方法は？

私は、グループ番号<g>の "グループ1"という名前のsvgグループを持っていて、それは多くの子（他のシェイプなど）を持っているとしましょう。私はsnap.svgを使ってそれらを反復したいと思います。 var group1 = s.select('#group1'); group1.forEach(function(child) { // doesn't work });

0熱

2答えて

Internet Explorerのsvgテキストの空白

Snap.svgを使用してsvgにテキストを追加/書き込みしようとしています。以下のコードは、chrome、firefox、opera、edgeではうまく動作しますが、Internet Explorerでは動作しません。私はutf8としてHTMLファイル内のメタタグに文字セットを入れてみましたが、まだ動作していません。 lines2が引数として渡された場合、Internet Explorerは通常

0熱

1答えて

重複した入れ子になったSVG要素の操作

snap.svgで作業中に問題が発生しました。メインSVG要素をネストSVG要素として使用したいと思います。 <svg width="71" height="101" viewBox="0 0 71 101"> <defs> <rect id="a" width="70" height="100" rx="5"/> <mask id="d" width="70" heigh

0熱

1答えて

Snap.svg - ドラッグした後に回転しないでください

これは基本的な質問で、簡単に回答できますように！基本的には、図形をドラッグしてダブルクリックし、90度回転させたいと思います。しかし、開始点から形状を動かすと、回転がうまく行きます。私はそうのような回転のために中心点を再計算しようとしています... var bbox = tri.getBBox(); tri.animate({ transform: "R"+angle+"," + bb