問題タブ [raphael]
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.
javascript - Raphael JS - その場で SVG を解析する
http://bkp.ee/atirip/で、SVG ファイルを解析し、Raphael JS ライブラリ (raphaeljs.com) を使用する JavaScript に出力するきちんとした SVG パーサーを見つけました。http://bkp.ee/atirip/svg2rdemo.phpのソース コードで次のことがわかります。
g1、g2 などの変数を作成しますが、これらの変数も再利用します。グループごとに固有の変数を作成したいと思います。私の .ai ファイルでは、グループに名前を付けました。これらの名前を使用して変数名を作成したいと考えています。
この変更を行うには、 http://bkp.ee/atirip/f/svgToRaphaelParser.php.zipのどこを参照すればよいですか?
javascript - モバイル プラットフォームでの SVG のサポート
SVG を完全にサポートするモバイル プラットフォーム ブラウザはどれですか? 興味のある JS + Raphaël + タッチスクリーン
jquery - javascriptフレームワークを組み合わせるのは正しいですか?
同じスクリプトで複数のjavascriptフレームワーク(jQuery、Raphael)を使用しても大丈夫かどうか疑問に思っています(jQueryでイベントとajaxを処理し、Raphaelで描画します)?
svg - アンチエイリアス、ウェブ SVG、Raphaël.js
Raphaël.js を使用していくつかの小さな円 (半径 2 ~ 4 ピクセル) を描画しています。これは、IE を除くすべてのブラウザーで SVG を介して行われます。円は私には滑らかに見えないので、私の質問は次のとおりです。
- Raphaël.js にアンチエイリアスを追加する方法はありますか?
- それを除けば、SVGオブジェクトをアンチエイリアスする方法はありますか?
django - gRaphaelで作成されたチャートで日付値を使用するには?
ちょっとした前提: 私はダイエットをしていて、減量のグラフを描こうとしています.
そのために、小さな django アプリを使用して重量測定値を保存し、gRaphael ( http://g.raphaeljs.com/ ) グラフ作成ライブラリを使用してレポートを作成しています。ここで wip を見ることができます: http://www.totanus.net/weight/
現時点では、「ymd」形式を使用して X 軸に日付を印刷して適切に並べていますが、満足していません (実際、グラフが正しいかどうかさえわかりません...)。日付をレンダリングするためのより良い方法があるかどうか疑問に思っています.
主な質問は次のとおりです。
- 「100610」または「20100610」以外の別のラベルを使用する方法はありますか?
- x 軸と y 軸の固定ラベルを n 日または n kg ごとに設定する方法はありますか?
- この種のグラフをレンダリングする際のベスト プラクティスを教えてください (全体的な傾向を計算することに特に関心があります)。
助けてくれてありがとう!
テオ
javascript - javascriptとraphaeljsのメモリリークを修正する方法は?
IEで実行されているRapahelJsを使用して次のコードがあります。このコードはメモリリークを引き起こし、何が問題なのかわかりません。誰かが私を助けて、raphaeljsの使用法とメモリリークについてアドバイスを与えることができますか?
前もって感謝します
javascript - Raphael テキスト オブジェクトに複数の回転変換を適用するにはどうすればよいですか?
Raphaël テキスト オブジェクトを少し離れた軸を中心に回転させ、それに応じてテキストを回転させて水平に保ちたいと考えています。SVG 変換マトリックスを使用してこれが可能であることは知っていますが、Raphaël の作成者は、それらがツールキットの一部になることはないと述べています。ここに私がやりたいことのいくつかのコードがあります:
残念ながら、2 番目の回転コマンドは、最初のコマンドで達成された平行移動と回転を無効にします。
ストレート SVG を実行している場合、次のようなことができます。
g
しかし、Raphaël が svg要素をサポートしているとは思えません。
理想的には、操作をアニメーション化したいと考えていますが、今のところ、一度に 1 つずつ実行します。
java - Raphael JS と Java Web アプリ
Raphael Javascript フレームワークを使用して、Java Web アプリケーションからの動的データに基づいてグラフを作成したいと考えています。Rapahel JS コード内で検索できるページの非表示フィールドを使用して、Web アプリケーションからこのデータにアクセスする唯一の方法はありますか?
unity3d - Web ベースの音楽ビジュアライザの作成方法
Web 上のブラウザーで実行する音楽ビジュアライザーを構築するための最良の方法を見つけようとしています。Unity はオプションですが、エンド ユーザーのサウンド出力を取得するには、カスタムのオーディオ インポート/分析プラグインを作成する必要があります。Quartz は私が必要としている機能を備えていますが、Mac/Safari でしか動作しません。WebGL の準備が整っていないようです。Raphael は主に 2D であり、ユーザーのサウンドを取得するという問題がまだあります... 何かアイデアはありますか? 誰もこれを以前にやったことがありますか?
javascript - RaphaelJSのオブジェクトのグラデーションの透明度
その方向に進むと、左側が不透明になり、右側がより透明になる長方形を部分的に透明にしようとしています。
これはFirefox、Chromeで機能しますが、InternetExplorer7またはIE8では機能しません。IEでは、すべての長方形が同じ透明なグラデーションで表示されます。
上記のコード実行の例については、ここを参照してください。
では、IEでこれを修正するにはどうすればよいですか?画像の上に長方形を配置したいので、画像は透明(白ではない)でなければならないことに注意してください。