js圖片識別,【微收藏】FourShadows.js – 時間感知的算法驅動的圖標陰影JS庫

 2023-10-15 阅读 21 评论 0

摘要:廢話一籮筐,筐筐有心得 不小心養成了一個刷微博的習慣,主要還是關注一些前端人士,學習一些前端方面的知識,看到大家都有一些刷微博的小習慣。有的是轉發一下,轉發內容來一個標記(MARK).也有評論中標記為Mark的,這種完
廢話一籮筐,筐筐有心得
不小心養成了一個刷微博的習慣,主要還是關注一些前端人士,學習一些前端方面的知識,看到大家都有一些刷微博的小習慣。有的是轉發一下,轉發內容來一個標記(MARK).也有評論中標記為Mark的,這種完全不知道是干什么?不過有一個比較好的@我的印象筆記 不過,我不怎么喜歡使用這些小工具,因為怎么的我都不喜歡詳細看,實際上這不是一個好習慣,我最常用的還是微博的收藏功能,最后找個時間再細看一下這些內容,今天就分享一篇收藏的內容。(吐槽一下:微博的某設備官方客戶端真心不好用,主要是針對我常用的收藏功能)
時間感知的算法驅動的圖標陰影JS庫 - Four Shadows Demo
英文不是很好,使用的谷歌翻譯,大致理解的是根據一天中的時間,并根據模擬時鐘的“時針”的方向上陰影的方向變化。
Four Shadows Demo
Current Hour:

Direction of shadow is based on direction of 'hour hand' on an analog clock.

Simulate Time
setup
①:引入fourshadows.js
②:body中寫上這么一個div:>div class="fs-icon-l fs-cast" data-icon="filename.png"$lt;>/div<
③:引入css樣式:
.fs-icon-l {width: 512px; height: 512px;}
.fs-icon-m {width: 256px; height: 256px;}
.fs-icon-s {width: 128px; height: 128px;}
.fs-icon-xs {width: 64px; height: 64px;}
④:配置一下默認JS設置
參考DEMO以及Github開源
https://github.com/Gigacore/four-shadows
http://gigacore.github.io/demos/fs/

轉載于:https://www.cnblogs.com/unofficial/p/4124948.html

版权声明:本站所有资料均为网友推荐收集整理而来,仅供学习和研究交流使用。

原文链接:https://hbdhgg.com/1/139212.html

发表评论:

本站为非赢利网站,部分文章来源或改编自互联网及其他公众平台,主要目的在于分享信息,版权归原作者所有,内容仅供读者参考,如有侵权请联系我们删除!

Copyright © 2022 匯編語言學習筆記 Inc. 保留所有权利。

底部版权信息