2017-07-19 41 views
0

我很好奇我是否有一種方法用於我想要做的事情。例如:假設我有一個SVG並決定對它進行動畫處理,並且每次運行時,我設置的筆畫偏移都是隨機的,並且是無限的。打印時隨機化SVG(在物理紙上)

行程動畫的一個例子是這樣的,減去隨機化: https://css-tricks.com/wp-content/uploads/2014/02/animate-stroke.gif

現在。如果我想打開SVG並直接從桌面打印(按下Ctrl/Cmd + P)(不在其他任何應用程序中) - SVG在打印時是否可以隨機運行?

同樣,我瞭解一些可能的評論-「打印死了,你在做什麼......」但這是出於好奇。

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

+1

「當天印刷品已經死了,IRS同意你接住你的手機並說...這是我的收據」 –

+0

請解釋當我打印它時,「運行它的隨機化」是什麼意思。你的意思是你想創建一些文件,這是選擇打印的時間的確切外觀?或者你的意思是你想要一些帶有動畫的數字文件(如PDF)? –

+0

@KevinBrown當我打印SVG時,它會在打印之前生成一個設計,但是您不會看到打印的實際文檔的預覽 - 打印機將重新解釋打印的文件並生成不同的圖像,類似於生成式設計,每次生成時都是不同的。在這種情況下,每次打印時,它都會重新生成......我覺得我在問不可能的事情,我相信我是。但我很想聽到別人的想法。 –

回答

1

使用JavaScript,可以在打印時通過添加監聽到beforeprint事件發生時檢測。請參閱:Detecting browser print event

然後停止動畫(例如,通過添加一個類),並將您的stroke-dashoffset設置爲任何你想要的。

然後通過監聽afterprint事件重置所有事情。

+0

這可能會起作用 - 我今天就試一試,然後回覆你。 –