Grade 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
Grade 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票

软件简介

Grade 是一个 JavaScript 库,作用是从图像中提取前2个主要颜色产生互补的渐变。

Demo 演示地址:http://benhowdle.im/grade/

安装

下载这个库,并从 /docs/dist 文件夹中取出 grade.js

或是使用 npm 方式安装:npm install grade-js

使用

推荐使用HTML结构:

<!--the gradients will be applied to these outer divs, as background-images-->
<div class="gradient-wrap">
    <img src="./samples/finding-dory.jpg" alt="" />
</div>
<div class="gradient-wrap">
    <img src="./samples/good-dinosaur.jpg" alt="" />
</div>

如果你的项目中有 grade.js,你可以用一个 script 标签包裹它,并且像这样去初始化:

<script src="path/to/grade.js"></script>
<script type="text/javascript">    
    window.addEventListener('load', function(){        
        /*            
            A NodeList of all your image containers (Or a single Node).            
            The library will locate an <img /> within each            
            container to create the gradient from.         
        */        
        Grade(document.querySelectorAll('.gradient-wrap'))    
    })
</script>

如果你使用 npm 方式安装,也可以像这样使用库:

import Grade from 'grade-js'
// initialise as above
展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论 (0)

加载中
更多评论
暂无内容
发表了博客
2012/04/01 20:09

最低分 -the lowest grade

"Professor, I did the best I could on this welding gloves test. I really don't think I deserve a zero." "Neither do I. But that's the work gloves lowest grade I'm allowed to give." 学生:“教授先生,我这次考试已经竭尽全力了。我真的觉得我不应该得零蛋。” 老师:“我也是。但是这已经是我能给的最低分了...

0
0
发表于运维专区
08/10 15:55

Grade命令操作

1,编译并跳过测试 grade build -x test

0
0
发表了博客
2019/05/14 22:02

【题解】Making The Grade(DP+结论)

【题解】Making The Grade(DP+结论) VJ:Making the Grade HNOI-D2-T3 原题,禁赛三年。 或许是我做过的最简单的DP题了吧(一遍过是什么东西) 之前做过关于绝对值的题目,这种要求绝对值最小的题目,有一个很普遍的结论,最优解的集合中,一定有一个满足所有元素一定是所给定的元素中的元素,具体证明或许就是把括号拆开或...

0
0
发表了博客
2016/04/05 11:30

Grade项目转为MAVEN项目(粗略)

Grade项目转为MAVEN项目(粗略)

0
0
发表了博客
2019/02/18 18:09

[translation]The rise of college ‘Grade Forgiveness’

Education 教育 The rise of college 'Grade Forgiveness' /*the rise of …的增加*/大学等级宽恕现象的增加。 Universities are letting students take classes over again---a consequence of the pressure schools feel to ensure their "customers" are satisfied. /*over again 重复,再一次*/ 大学允许学生重复上课...

0
0
发表了博客
2018/11/16 17:26

Grade将依赖的jar 打包进aar

//1.复制build/intermediates/bundles/${aar_flavor}/release/ 到复制build/intermediates/bundles/${aar_flavor}/release_fat_aar //2.复制configurations.compile到build/intermediates/bundles/${aar_flavor}......

0
0
发表于AI & 大数据专区
2019/04/25 17:30

【运营团队-第3小组】 Best grade

机智又勇敢的第三小组登场啦!(掌声在哪里) 下面由我为大家介绍:我们的小组成员啦! 林鹤连先生曾说:“要我说女孩子呀,各有各的漂亮法。有的眉目清泠,像是一整季的雪水都融在了她的眼睛里。有的酒窝甜蜜,她...

0
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表于服务端专区
2019/08/03 17:39

python 学习特殊属性__slots__遇到的问题

我看__slots__说的是现在类的实例允许添加的属性,然后简单试了一下: class Demo(object): __slots__ = ('sex',) def __init__(self, sex): self.sex = sex super(Demo, self).__init__() x = Demo('男') x.name = 'xx' # 加上__slots__ 后确实可以限制,所以我这块会报错:Attribut...

1
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
0 评论
4 收藏
分享
返回顶部
顶部