如何使用python,才能像人民日報的“點亮”武漢景點

前言

文的文字及圖片來源於網絡,僅供學習、交流使用,不具有任何商業用途,版權歸原作者所有,如有問題請及時聯繫我們以作處理。

PS:如有需要Python學習資料的小夥伴可以加點擊下方鏈接自行獲取http://t.cn/A6Zvjdun

4月8日零時起,武漢解除了離漢離鄂通道管控措施,有序恢復對外交通。“封城”76天后,武漢與外界的通道重新開啟。

昨晚,人民日報公眾號推送了一篇文章,通過點擊武漢的各個景點圖片,可以將圖片“點亮”,也就是通過點擊將黑白色調的圖還原為色彩絢麗的圖

點擊前後內容如下:

如何使用python,才能像人民日報的“點亮”武漢景點

如何使用python,才能像人民日報的“點亮”武漢景點

其實,我們只要有電腦就能實現啦,也不用裝什麼軟件和編程環境。

首先,你可以準備幾張需要的彩色圖片,然後將他們放在一個文件夾中,例如我對應人民日報的武漢景點找了一些高清大圖,按順序命名好,如下圖所示,放在了名為img的文件夾中:

如何使用python,才能像人民日報的“點亮”武漢景點

之後新建一個html文件,內部寫入如下代碼:


如何使用python,才能像人民日報的“點亮”武漢景點

例如我將該文件保存為“點亮.html”,將該文件與img文件夾放在同一路徑下。

然後以瀏覽器方式打開“點亮.html” 即可看到如下頁面:

如何使用python,才能像人民日報的“點亮”武漢景點

當你鼠標點擊圖片時,圖片會從黑白慢慢漸變轉為彩色,如下圖所示:

如何使用python,才能像人民日報的“點亮”武漢景點

代碼中首先通過-webkit-filter: grayscale(1);將所有圖片樣式設置為黑白。使用JavaScript的鼠標點擊事件,當鼠標點擊圖片時,將設置黑白的樣式去除,同時指定不是立刻去除,而是通過 transition: all 2s設定轉變事件為2秒,所以當我們鼠標點擊圖片時,會發生顏色的漸變。

原理就是這麼簡單~快來一起嘗試一下吧!

武漢加油!中國加油!

2020年最新Python教程:

如果你處於想學Python或者正在學習Python,Python的教程不少了吧,但是是最新的嗎?

說不定你學了可能是兩年前人家就學過的內容,在這小編分享一波2020最新的Python教程。

如何使用python,才能像人民日報的“點亮”武漢景點


如何使用python,才能像人民日報的“點亮”武漢景點


如何使用python,才能像人民日報的“點亮”武漢景點


如何使用python,才能像人民日報的“點亮”武漢景點


以上這些教程小編已經為大家打包準備好了,希望對正在學習的你有所幫助!

獲取方式,私信小編 “ 資料 ”,即可免費獲取哦!


分享到:


相關文章: