問題タブ [blink]

css3アニメーションで3つの要素を連続してフラッシュしようとしています。実行していますが、フレームごとにフェードがあり、削除したいと思います。理想的には、各要素は1秒間表示されたままになり、すぐに非表示になります。

フレームを使用してアニメーションを設定しよう0%と99%しましたが、それでもうまくいきませんでしたopacity:1。100%opacity: 0

フェードを取り除く方法があるといいのですが！

webkitjsフィドル

CSS：

blinkアプリケーションでエラーメッセージを表示するために使用しています。問題は、Firefoxでは機能しますがChromeでは機能しないことです。何が問題なのかわかりません。Chromeで動作させるにはどうすればよいですか？

Blink ツリーに挿入を行うと、ルート ノードからリーフ ノードへのパスが格納されます。子ノードが分割されると、そのような変更が親ノードに伝播されます。伝播がスレッド A のルート ノードを調査し、現在の挿入がスタック (パスを格納するために使用される) をチェックし、スタックの一番下のノードが「ルート」であることを検出するとします。また、「ルート」も分割する必要があります。新しいルートを作成します。

では、「ルート」がすでに別のスレッドによって分割されていて、「ルート」が現在の本当のルートではない場合はどうなるでしょうか。したがって、スレッド A によって行われる新しいルートの作成は正しくありません。

ブリンクツリーはこのような状況にどのように対処しますか?

できないと言う前に、私の思考の流れを見て、私を楽しませてください。私はstackoverflowでそれを行うことができないことを読み、サーバー側でffmpegやその他のものを使用してこれを実装する方法を読みました..私はgithubで見つけたVideo.jsの拡張機能を使用しましたこの 1 つの手順が簡単になります。しかし、それでも、のコピーを持っていない場合はどうすればよい<video src=... >でしょうか。

私はこれを行うためにサーバーを使用したくありません。ポール・アイリッシュの投稿のおかげで、ビデオの再生は web-kit ポート (基本的にすべてのブラウザーに電力を供給するコード) の共有側面ではないことがわかりました。 .. chrome canary を差し引いて、blink a webkit fork を使用するようになりました) これは、特定のブラウザーが特定のビデオ コンテナーのみをサポートする理由を理解するのに役立ちます。

簡単にするために: この機能を Chrome と MPEG-4 AVC ビデオ コンテナーでのみ使用できるようにしたいのですが、再生中にビデオの各フレームを実際に表示できる方法があるのに、なぜこれができないのでしょうか?

追加メモ したがって、キャンバスにフレームを描画することで、ビデオのサムネイルを生成できます。これは、私の問題に対する最終的な解決策の一部にすぎません。ユーザーが最初の再生を完了した後のサーバー。私が最終的に取り組みたいのは、ビデオがダウンロードされるときにサムネイルを生成することです。これは、ユーザーがドラッグ スクロールバーを使用してビデオ内のポイントに ff/rw している間に表示できます。したがって、これは、ユーザーが表示できるようにブラウザによってレンダリングされた後ではなく、ビデオのフレームが利用可能になったときに実行する必要があります。

Webkit ブラウザーの凡例タグは、プロパティ以外blockのスタイルを受け入れないようです。noneCSS display

ここにHTMLがあります

そして、これがCSSです（スタイル以外のものを入れてくださいblock）nonedisplay

このfiddle でわかるように、凡例タグは常にブロックとしてスタイル設定されます。

-webkit-margin-top-collapse: separateまた、を適用したにもかかわらず、 quirk にもかかわらず webkit の凡例タグにマージンを適用できることもわかりますが、問題は解決しません。

これはバグだと思いますが、 legend を検索してもバグのリストには表示されませんが、回避する方法を知っている人はいますか?

Firefox と Chrome で異なる結果が得られるフレキシブル ボックス レイアウト モデルに関する 1 つの問題を理解するのを手伝ってください。

次の HTML フラグメントを検討してください。

経由でスタイリング

ヘッダー ボックスの幅は最大 400 ピクセルに制限されていますが、フッターの幅は 400 ピクセルに固定されています。このコードを Gecko ベースのブラウザー (私の場合は Firefox 21 と 24) で試してみると、ヘッダーとフッターの両方が水平方向に中央に配置されます (左右の自動マージンを与えることで望んでいたように)。ヘッダーの幅は、水平方向に十分なスペースがある場合でもコンテンツの幅になります。

WebKit/Blink ベースのブラウザー (私の場合は Chrome 25 と 28) では、ヘッダーとフッターは両方とも中央に配置され、幅は両方とも 400px (十分な水平スペースがある場合) であり、これはまさに私が達成したいことです。

明らかに、Firefox か Chrome のどちらかが間違っているに違いありません。仕様をどのように理解していますか: http://www.w3.org/TR/css3-flexbox/ ? 望ましい動作は何ですか？

試してみたい場合は、JSFiddle: http://jsfiddle.net/4Rv7K/をご覧ください。

Firefox のリリース バージョンでは、フレキシブル ボックス レイアウト モデルを有効にする必要があることに注意してください。layout.css.flexbox.enabled の設定です。(それがなければ、実際にはフレックスボックスについて何もテストしていません。)

PS: このバグは Chromium のエンジンにあり、現在は修正されているようです: https://code.google.com/p/chromium/issues/detail?id=242654

Chrome と Opera は「Blink」に切り替えているため、使用する CSS ベンダー プレフィックスを変更していますか? 現在、Opera は を使用し-o-、Chrome は を使用しています-webkit-。将来、 のようなものを含める必要がありますか-blink-、それとも変更されませんか?

電子コンポーネントの UI の動作と、電子コンポーネントの内部状態を報告する LED とのユーザー インタラクション (ボタンを押す必要があります) をエミュレートするソリューションを探しています。

そのために python と tKinter モジュールを使用しています。

コードが実行され、GUI ウィンドウが正しく表示されます。ただし、ボタンを数回押すと、動作が期待どおりになりません。

各 LED には 4 つの可能な状態 (オフ、オン、(点滅) 遅い、(点滅) 速い) があります。状態に影響を与えることができる4つのボタンがあります。各ボタンには、私が定義したウィジェット クラスで定義された相互作用関数があり、この各関数が呼び出されると、ウィジェットの内部状態が再定義されます。

LED の点滅を制御するために、1 つのループと self.after( ..) 関数を使用します。この関数は次のとおりです。

これは、self.after 関数を介して再帰的に呼び出され、ボタンごとに定義した対話関数の最後に呼び出されます。

単一の LED を定義した方法は次のとおりです。

ボタン インタラクション関数の例を次に示します。

誰かがこれについてアドバイスを持っているなら、それは大歓迎です.