問題タブ [smil]

FakeSmileを使用して IE9 で SMIL サポートを偽装しようとしています

SVG 要素を動的に作成し、アニメーション要素を含む rect 要素を追加し、beginElement() を呼び出しています。IE9 でエラーが表示されます: オブジェクトはプロパティまたはメソッド 'beginElement' をサポートしていません

静的 SVG の動作: http://jsfiddle.net/FG3PG/1/

FakeSmile を使用して修正するにはどうすればよいですか? 以下は、私がやろうとしていることを示しています: http://jsfiddle.net/DgMDV/13/

そして、ここに同じコードがあります：

svg の内部にあるボタンにカーソルを合わせたときに、svg の塗りつぶしを変更したい。

これでうまくいくと思いましたが、#FF702A の元の塗りつぶしを保持しています

誰でもこれについて助けることができますか？

/////編集//////

よりシンプルにするためにリファクタリングしました。いくつかの主要な概念が欠けていない限り、これは css だけで可能でしょうか?

これがhtmlです-

ここに関連するcssがあります

}

}

}

}

ホバー時にテキストを非表示にするのはハックですが、svg のホバー時に可視性が機能しないのはなぜですか? 元の質問とは異なる方向に進んで申し訳ありませんが、うまくいけば、これで問題が少し解決することを願っています。純粋なcssで達成しようとしています..

MySqlデータベースに保存しているビデオがたくさんあり（別のデータベースまたはプログラミング言語の方が良い場合はお知らせください）、phpを使用してそれらを取得し、Webページに表示します。私が見る限り、ビデオを保存するための最良かつ最も効率的な方法は、サーバー上のファイルに保存し、ビデオの場所をデータベースに入れることです。データベースにクエリを実行して場所を取得する方法を知っています。場所を取得し、それを使用してビデオをフォーマットしてWebページに表示する方法を考えていました。XML か SMIL を使用することを考えていました。

誰かがこれを行う方法またはそれを行うためのより良い方法についていくつかのアイデアを教えてくれませんか.

次のようにMM7SOAPメッセージを生成する必要があります。MM7 Soapを生成できましたが、SMILメッセージ部分と画像/テキストの添付ファイルに問題があります。誰かがその部品を生成する方法を知っていますか？

--========== fBS6FtL4PDKimRjInCAaIDytdJ9ulmContent-転送-エンコーディング：8bitContent-タイプ：マルチパート/関連; type = "application / smil"; start = ""; border = 481bf3d684924bbee13179cd4576eda8--481bf3d684924bbee13179cd4576eda8Content-Transfer-Encoding：8bitContent-ID：<35_1> Content-Type：text / plain; name = "35_1.txt" Content-Disposition：attachment; filename = "35_1.txt" 1.ABC 2. XYZ
--481bf3d684924bbee13179cd4576eda8 Content-Transfer-Encoding：8bitContent-ID：<35_2> Content-Type：image / jpeg; name = "35_2.jpg" Content-Disposition：attachment; filename = "35_2.jpg" ...... Exif..II*.................ダッキー.......<.....。 Adobe.d................................。

Content-Transfer-Encoding：8bitContent-ID：Content-Type：application / smil; name = "mms.smill" Content-Disposition：attachment; filename = "mms.smill"

上記のコードは、Firefox では期待どおりに機能しますが、Chrome では機能しません。Firefox では、アラートはアニメーションの最初と最後に表示されます。どうすればChromeでそれを達成できますか?

メディアオーバーレイのすべてのチュートリアルで欠落していますか、それとも欠落していますか?

MediaOverlay を作成するには、すべてのチュートリアルで次のことを行う必要があります。

1. テキストを含むxhtmlで。

   ...

2. 関連する .smil 内。

   /li>

3. オーディオ (.mp4) は本来あるべき場所に保存されます。(audio/mobydick_001_002_melville.mp4)

4/ .xhtml と .smil の間の関連付けは、opf ファイルのセクションで行われます。

OK、これですべて完了ですが、問題はメディア オーバーレイを再生する方法です。オーディオファイルを開始してテキストを強調表示する方法は? iBooksアプリの「読み始める」ボタンは何をするのですか？

こんにちは、オタクの皆さん！

私は Web 3.0 についてこの革新的なアイデアを持っています。jQuery-UI の SVG-UI-lib を作成します。いくつかの機能を可能にするために、d3.js にフォーク/貢献する必要があります。すなわち。曲線/パスに沿ってアニメーション化/配置できるようにしたいです。

はい、Raphael が存在することは知っていますが、d3 は github にあり、d3s の構文の方が好きです ...

それで、私が今考えているのは、実際には直線ではなくパスであるスクロールバーを作成する方法です-非常に「派手」ですよね？

そこで、SMIL を使用してこれを行う 1 つの方法を見つけました。beginElementAt() と endElementAt() または pausAnimations() を組み合わせて使用​​すると、パスに沿ってアニメーション化できます...パスを利用して正確にその位置に移動する時間はありません。pathLength attr .getTotalLength() メソッド --- 回転属性を使用して、パスの傾斜に沿って回転させることもできます

したがって、ここの別の投稿で、素晴らしいメソッド getPointAtLength(0..1) について知りました。これにより、パスに沿ってスクロールバーを簡単に作成できます...そして、回転は悪くないので、実際には必要ありません運転方向を示すために、ハンドルが常に90度の方向に向いている場合。

とにかく知りたいのですが、

_ 向きを表す getPointAtLength(0..1) のようなメソッドはありますか ??? _

乾杯、 ヨハネス

SVGを使用して筆記体フォントで単語を描画するレーザーのように見えるものをアニメーション化する方法に関するアイデアを探しています。アニメーションは、私が気にしないSMILまたはJavaScriptで実行できますが、SMILの方が簡単だと思います。

文字をパスとして表現できれば、パスが連続していなくても、固定小数点から単語パスまでの線をアニメーション化する方法を理解できると確信しています。

何か案は？

編集私のデモは非常に基本的でした。基本的に、各文字のアニメーション関数を作成し、それらのタイミングを調整しました。たとえば、文字Xは次のとおりです。

これは理想的な長期的な解決策ではないことに私たちは皆同意できると確信しています...パスに沿ってLINEの一方の端をアニメーション化するのは比較的簡単だと思いましたが、パスを取得するだけで問題が発生します...

次の（簡略化された）SVGがあります。

パスをクリックして長さを取得すると、Firefox v16 は 82.4 を報告します... これは、dasharray に使用するものです。しかし、すでにパスの一部が描画されている状態で開始し、それを消去してから完全なパスを再度描画する!? 彼のダサレイの値をいじくり回したところ、110 を使用すると機能しましたが、理由がわかりません!

他のブラウザや新しいバージョンの Firefox はまだ試していません...

注 完全な問題は、パスに変換された単語です。パスは不連続です - 5 つの部分があります ('e'、'z'、'h' のスクリプト形式にはループがあり、最初の文字 'L' は残りの文字と結合されていません)。私がやりたいのは、レーザーが文字を描いているように見せることです。以前の質問で、dashoffset をアニメーション化するとその効果が得られることを知りました。Inkscapeを使用して、ようやくテキストをパスに変換できました。今、私はアニメーション化に問題があります。

dasharray をアニメーション化してみました。これは正しい長さで機能しますが、より大きな完全な単語の例 (長さ 7 文字、長さ 822 単位) では、5 つの不連続部分だけでなく、9 つの異なるパスが機能しているように見えます。完全な単語のダッシュオフセットをアニメーション化しようとすると、アニメーションがまったく表示されません。単語が完全に形成されているように見えます。

SVG アニメーションを作成し、SSML を使用してナレーションを含めたいと考えています。理想的には、ブラウザでアニメーションを再生できるようにしたいと考えています。

私はいくつかの調査を行い、SMIL(Synchronized Multimedia Integration Language) が必要なように聞こえますが、収集できる限り、SMIL は広くサポートされていません (http://www.w3.org/AudioVideo/ は、「SYMM WG は2012 年 4 月 1 日以降閉鎖されています。"それが仕様が完全に死んでいることを意味するかどうかはわかりません)。

SVG、SSML、SMIL をサポートする開発ツールやプレーヤーがあれば教えてください。(Ambulent(http://www.ambulantplayer.org/) プレーヤーは SMIL をサポートしていますが、SSML はサポートしていません)?

また、他のテクノロジーで同じ結果を達成する方法についての提案もいただければ幸いです。