問題タブ [jquery-svg]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
0 に答える
296 参照

google-chrome - GoogleChromeブラウザでのSVG画像のぼやけ/点滅の問題

Google ChromeブラウザでのすべてのAjax呼び出しで、プライマリSVG応答内のセカンダリSVG画像のぼやけの問題で立ち往生しています。

それだけ:

  • ajax呼び出しで、Ajax応答としてSVGコンテンツを取得しています。
  • その応答の中に、次のSVG画像タグを含むプライマリSVG画像があります。

    /li>
  • そのSVG応答をHTML分割タグに追加しようとしていますが、このセカンダリSVG画像はGoogleChromeブラウザでのみぼやけて表示されます。

私はこのリンクを参照しました:http ://code.google.com/p/chromium/issues/detail? id = 119693そしてこのトピックをグーグルで検索しましたが、検索結果はSVGコンテンツでのGoogleChromeキャッシュの問題でのみ終了します。

セカンダリSVGイメージのソースパス/場所の背後にあるパラメーターとしてランダムな文字列を追加することにより、このキャッシュの問題を削除しようとしました。これで、セカンダリSVGイメージをぼかすことなく新鮮な応答が得られますが、各Ajax呼び出しでセカンダリSVGイメージが点滅/点滅する問題が発生します。

Chromeブラウザでこの点滅の問題を取り除くための可能な方法を提案してください。

よろしく、
Vishal

0 投票する
1 に答える
3946 参照

php - SVG 文字列を PNG に変換するには?

これにはさまざまなトピックがあることは知っていますが、正しい答えが見つかりません...

SVG文字列をpng画像に変換する必要があります。透明度が必要で、使用しようとしているものにはpng(またはギフト)画像のみを受け入れるため、png画像でなければなりません...

これをphpまたはjavascriptで行う必要があります...

私はラファエルについて読んできましたが、それはある意味で画像を返すだけで、画像ファイルが必要です!!!!

また、画像マジック(php ext)を試してみましたが、次のエラーが表示されます:

この画像形式のデコード デリゲートはありません

誰かが助けてくれることを願っています!!!

ありがとう!

これは私のSVGファイルです...

0 投票する
1 に答える
1866 参照

html - 画像注釈にsvgを使用する

誰かがこれについて私にいくつかの説明を教えてもらえますか?

測定値、マーク、テキストなどの画像に注釈を付ける必要があります。これはSVGで可能ですか?
WebブラウザでSVGを使用するには、外部プラグインをインストールする必要がありますか?
モバイルブラウザでサポートされますか?
HTML5に対するSVGの利点は何ですか?

0 投票する
1 に答える
1064 参照

svg - AngularJS-bindHtmlの更新時にディレクティブをトリガーする方法は?

ここで直面している問題の例があります:http://jsfiddle.net/Siyfion/JxLhX/

基本的に、ユーザーがリストからドキュメントをクリックするたびに、jQuerySVGを使用してSVGドキュメントにいくつかの機能(onClickなど)を添付したいと思います。

DOM操作はコントローラー関数で実行すべきではないことを知っているので、バインディングの更新にフックインできるようにするディレクティブを作成しようとしましたが、期待したときにも起動しません(ページロードatmで1回のみ)。

<div>SVGへのバインディングを含むタグには、がid='drawContainer'あり、ディレクティブを添付した場所でもあります。

ただし、これが正しい方法かどうかはわかりません。これが、jQuerySVGコードのプレースホルダーを含むディレクティブです。

誰かが私に正しい方向へのポインタを与えることができれば、それは素晴らしいことです!

0 投票する
1 に答える
737 参照

jquery - SVGTSpanElementの親または次/前の兄弟を見つけることは可能ですか?

私は通常、次のようなものを使用して、イベントターゲットの親または適切な兄弟を見つけることができます

しかし、たとえばイベントがsvgオブジェクトでトリガーされた場合

親は未定義です。

svgdomが通常のDOMとは異なり、jquery.svgdom.min.jsを実装していることを感謝します。しかし、私はSVGの内部DOMには興味がありません。私は、SVGがDOM内のどこにあるかに興味があります。

svgdomにラッパーを追加してから、ラッパーの親を探しました。しかし、それもうまくいきませんでした。これをどのように達成できるかについての手がかりはありますか?

0 投票する
1 に答える
406 参照

html - クロスブラウザは3次元モデルをサポートします

ブラウザベースのアプリケーションで3次元モデルを作成する必要があります。このアプリケーションは、すべての主要なブラウザで動作するはずです。Javaアプレットとフラッシュ以外のテクノロジが必要です。以下の質問を明確にしてください。

  1. ブラウザベースの環境、つまりWebGLまたはSVGで3次元モデルを作成するための最良のオプションは何でしょうか?

  2. Webブラウザで3次元アプリケーションを実行するためのサードパーティライブラリはありますか?

  3. WebGLがGoogleChromeとFirefoxでサポートされていることがわかりました。それでは、他のブラウザでWebGLをサポートするための回避策は何でしょうか。
0 投票する
1 に答える
464 参照

jquery - KhanAcademyのヒント機能はどのようにコーディングされていますか

ヒントメカニズムが次のURLでどのようにコーディングされているか知りたいのですが、

http://www.khanacademy.org/math/arithmetic/multiplication-division/e/multiplication_3

ユーザーが右側の「ヒントが欲しい」ボタンをクリックしたとき。

私がこれまでに見つけたものから、MathJax、Raphael JavaScript Library、およびjQueryが使用されています。

私の理解は正しいですか?もしそうなら、私はそれがどのように組み合わされて、ウェブサイトのように美しい双方向性を生み出すのかを知りたいと思っています。

ポインタ/手がかり/ヒントまたはサンプルコードは大歓迎です。

0 投票する
1 に答える
189 参照

svg - BLACK で塗りつぶされたオブジェクトのみを BACK OF THE LAYER に送信します。SVG エディター

私は長い間 SVG-EDITOR に取り組んでいます。編集中に、塗りつぶしプロパティに基づいて描画されたすべてのオブジェクトをエディターにスタックさせたいと思います(編集中)。これにより、すべてのオブジェクトが塗りつぶし色: 黒で自動的に背面に移動します。

何か案は?

基本的に、黒で塗りつぶされたすべてのオブジェクトが描画された後、自動的に背面に送られるようにします。黒く塗りつぶされたオブジェクトのみ。コーディングに関するアイデアはありますか?

0 投票する
2 に答える
1737 参照

jquery - SVG から viewBox への座標

私はJQVMAPを使用して米国の地図を生成しています。プラグインには onRegionClick コールバックがあります。この関数内でクリックされた状態にズームインしようとしています。onClick に返された SVG パスを viewBox 座標に変換する方法については、ある程度のアイデアがありますが、変換に問題があります。これが私がこれまでに持っているものです。

ライブ デモへのリンク。SVG パスを viewBox 座標に変換するにはどうすればよいですか? 私はこれを正しい方法で行っていますか?または、これを行うより良い方法はありますか?私の最終的な目標は、状態 onRegionClick にズームインすることです。

0 投票する
2 に答える
1530 参照

svg - 変換/回転された SVG パス ポイントを取得する方法

属性 transform="rotate(45)" を設定して、SVG パス要素を回転させました。

回転したSVGパスポイントを取得するにはどうすればよいですか?

属性「d」をチェックすると、元のポイント[回転していない]がまだ表示されています。