svg.js

0熱

2答えて

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

-1熱

1答えて

SVG内のhtmlコンテンツ

私はsvgコード内でHTMLコンテンツを使用しようとしています。何らかの理由でSVGがこのコードを認識しません。 htmlコードはスタンドアロンとして正常に動作します。しかし、このHTMLコードをSVGのタグの中にコピーすると、それはうまく動作しません。私は単純なhtmlでこのforeigntagオブジェクトを試して、うまくいきます。私はsvgの中でhtmlを参照できる特定の方法があります。 <

0熱

1答えて

SVGファイルのスクリプトがHTMLで動作しない

私がしたいことは、2つのシリンダーを持つsvgファイルを作成することです。もう1つはタンクと液体を表すものです。与えられた液体のパーセンテージに従って、内側のシリンダーを動かしたい。私はこれを達成し、コードはjsフィドルでうまく動作しています。しかし、svgをhtmlにファイルとして統合しようとしているとき、内側のシリンダは動作していません。 jsfiddleで使用http://jsfiddle.

0熱

1答えて

svg.jsを使用してカスタムイベントから要素にアクセスする方法

svg.jsを使用すると、カスタムイベントから要素にどのようにアクセスしますか？ myCircle.on('someEvent', function(event) { var circleX = event.x(); // event.x is not a function circleX = event.target.x() // event.x is not a funct

1熱

1答えて

Typescriptクラスで使用するためのjavascriptフレームワークをインポートする際に問題が発生しました

SVG.jsをモジュールとしてロードしようとしています。これを外部名前空間モジュール内のtypescriptクラス内で利用できるようにしています。 SVG.jsタイプ定義ファイルがあります。元のSVG.jsファイルは純粋なJavaScriptのままです。 SVG.jsをモジュールとしてインポートする方法がわかりませんので、クラス内で使用できます。私はいくつかのインポート定義を試しましたが、どれもう

0熱

1答えて

配列、色、インタラクティブ機能を備えたJavaScriptを使用

ありがとうございます。私は初心者です。私はいくつかの配列を持っていますが、HTMLサイト上のドットの1行で色を変えることに変えたいと思います。 144個のドットがあり、配列の長さは72桁であるため、配列の各値は2つのドットの値を変更します。（最終的には2つのRGB LEDの値を実際に変更したいと思っています） .SVG/Snapのルートを下に移動するか、画像をシフトするかどうかはわかりません。

1熱

1答えて

svg.js内の同じ要素上に複数の重なっているアニメーション

以前のアニメーションがまだアクティブな間、要素に対してアニメーションを開始したいとします。ただし、要素のanimate()を呼び出すと、現在のアニメーションの最後に新しいアニメーションがキューに入れられます。たとえば、要素が新しい位置に移動されているアニメーションを考えてみましょう。今、私はまた、それが特定の位置に達すると消えるようにしたい。次の例では、80％ではなく移動の最後に「once」アニ

0熱

1答えて

.useはSVG.jsの.svg要素を複製していません

.use関数を使用してインポートされたインラインSVGを掛けようとすると、空の要素がレンダリングされますが、同じ関数は矩形のような単純なものでうまく動作します。 SVG.jsは複雑な要素を複製できますか？ HTML： <div id="container"></div> JS：は var draw = SVG('container').size(300, 300); var man = dr

-1熱

1答えて

外部scssファイルからSVG.js要素にスタイルを追加

私はsvgを作成し、次のようにSVG.jsでそれにパスを追加します。 this.roomPlan = SVG('roomPlan').attr('id','roomPlanSvg').size(1024, 768); this.roomPlan.path(room.area.d); 私は外部ファイル.scssを持っています。私は以下のようなスタイルを持っています。 .room-bg {