印刷時にSVGをランダム化する（物理用紙で）

私は何をしたいのかという方法があるかどうか不思議です。例えば：私がSVGを持っていて、それをアニメートすることにしたとしましょう。実行するたびに、私が設定したストロークオフセットはランダム化され、無限になります。印刷時にSVGをランダム化する（物理用紙で）

ストロークアニメーションの例がこれです、マイナスランダム：今 https://css-tricks.com/wp-content/uploads/2014/02/animate-stroke.gif

。 SVGを開いて（Ctrl/Cmd + Pを押して）デスクトップから直接（他のアプリケーション内ではない）印刷したい場合は、SVGが印刷時にランダム化を実行できるのでしょうか？

もう一度、私はいくつかのコメントをするかもしれないことを理解しています - "プリントは死んでいますか、あなたは何をしていますか..."しかし、これは好奇心の外です。 JavaScriptを使用して

Print isn't dead. It just sat back and watched as we fiddled with our new toys.

出典

2017-07-19 John Connor

"IRSがあなたの携帯電話を持っていて...ここに私の領収書があると言っている日は、 –

となります。私はそれを印刷すると何を意味するのか説明してください。印刷するために選択された時間の正確な外観であるドキュメントを作成したいと思っていますか？それとも、アニメーションのあるデジタルドキュメント（PDFなど）が必要なのですか？ –

@KevinBrown SVGを印刷すると、印刷前にデザインが生成されますが、実際のドキュメントのプレビューは表示されません。プリンタは印刷されたファイルを再解釈し、それが生成されるたびに、それは異なっています。この場合、印刷されるたびに再生されます...私は不可能に頼んでいると感じ、私は自分と信じています。しかし、私は他の人の考えを聞くことが好奇妙です。 –

印刷がbeforeprintイベントにリスナーを追加することによって起こっているとき、あなたは検出することができます。参照：Detecting browser print event

アニメーションを停止します（たとえば、クラスを追加して）、stroke-dashoffsetを任意の値に設定します。

その後、afterprintイベントをリッスンすることですべてをリセットし直します。

出典

2017-07-20 12:24:13

これはおそらくうまくいくかもしれません - 私は今日それを打ち、それにあなたに戻ってきます。 –

印刷時にSVGをランダム化する（物理用紙で）

答えて

関連する問題