Adaptive Backgrounds:一个简单的jQuery插件用来提取图像的主色

Adaptive Backgrounds 是一款很特别的 jQuery 插件,可以从图像中提取主导颜色并将它应用到它的父元素。这个插件利用 Canvas 元素和 ImageData 对象。需要注意的是,由于跨站点的安全限制,如果你试图从未托管在当前域下的图像中提取颜色,该脚本将会失败,除非图像允许跨域资源共享(CORS)。

火狐截图_2015-11-07T17-04-25.397Z

使用方法如下:

只要简单的引入 jQuery 和 script 在你的页面中,然后运行以下脚本:

火狐截图_2015-11-07T17-07-59.943Z

这个脚本会查找包含 data-adaptive-background属性的图片。

<img src=”/image.jpg” data-adaptive-background=’1′>

官方网站:http://briangonzalez.github.io/jquery.adaptive-backgrounds.js/

1 收藏

资源整理者简介:梦熙

简介还没来得及写 :) 个人主页 · 贡献了4个资源


直接登录

推荐关注

按分类快速查找

关于资源导航
  • 伯乐在线资源导航收录优秀的工具资源。内容覆盖开发、设计、产品和管理等IT互联网行业相关的领域。目前已经收录 1439 项工具资源。
    推送伯乐头条热点内容微信号:jobbole 分享干货的技术类微信号:iProgrammer