国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > HTML5 > 正文

HTML5實踐-圖片設置成灰度圖

2024-09-05 07:19:51
字體：大 中 小
來源：轉載
供稿：網友
以前，在web上要顯示灰度圖片的話，只有手工使用圖片軟件轉換。但是現在借助于html5的canvas可以實現這個過程，而不需要再借助圖片編輯軟件了。我用html5和jquery做了一個demo，來展示如何實現這個功能。

目的
這個demo將會向你展示用html5和jquery，如何實現鼠標在圖片上移動移出時，灰度圖像和原圖之間的切換。在html5出現之前，要實現這個功能就需要準備兩個圖片，一個灰度圖片，一個原圖。但是現在借助于html5可以實現的更快更容易，因為灰度圖片是直接在原圖上生成的。我希望這段js代碼對你在創建文件或者圖片陳列功能的時候有幫助作用。

效果圖
 
jquery 代碼
下面的jquery代碼將會尋找目標圖片，并生成一個灰度的版本。當你鼠標移動到圖片上時，灰度圖片會變成原色。

復制代碼

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 罗江县| 共和县| 庆阳市| 安吉县| 茶陵县| 韩城市| 嵊州市| 琼中| 和田市| 浦县| 镇雄县| 蕉岭县| 沙坪坝区| 民乐县| 邢台县| 阜新市| 应城市| 贵阳市| 肃北| 内江市| 惠安县| 曲阳县| 冕宁县| 恭城| 通江县| 乌兰察布市| 宜兰市| 宁阳县| 乐平市| 武威市| 弥渡县| 平度市| 达州市| 江油市| 富民县| 安吉县| 长汀县| 姚安县| 伊宁县| 阿克苏市| 万全县|