Grade 正在参加 2021 年度 OSC 中国开源项目评选,请投票支持!
Grade 在 2021 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
2021 年度 OSC 中国开源项目评选 正在火热进行中,快来投票支持你喜欢的开源项目!
2021 年度 OSC 中国开源项目评选 >>> 中场回顾
Grade 获得 2021 年度 OSC 中国开源项目评选「最佳人气项目」 !

软件简介

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)

加载中
更多评论
暂无内容
发表于运维专区
2020/08/10 15:55

Grade命令操作

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

0
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
发表了博客
2019/05/14 22:02

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

【题解】Making The Grade(DP+结论) VJ:Making the Grade HNOI-D2-T3 原题,禁赛三年。 或许是我做过的最简单的DP题了吧(一遍过是什么东西) 之前做过关于绝对值的题目,这种要求绝对值最小的题目,有一个很普遍的结论,最优解的集合中,一定有一个满足所有元素一定是所给定的元素中的元素,具体证明或许就是把括号拆开或者反证法吧。 然后就是这种看起来是$O(n^3)$的DP可以通过巧妙的实现降到$O(n^2)$,当然你暴力使用数据结构变...

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

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

Grade项目转为MAVEN项目(粗略) 暂时支持粗略版的jar和pom import java.io.BufferedReader; import java.io.BufferedWriter; import java.io.File; import java.io.FileOutputStream; import java.io.FileReader; import java.io.IOException; import java.io.OutputStreamWriter; import java.util.ArrayList; import java.util.LinkedHashMap; import java.util.List; import java.util.Map; /**  * Gradle项目转...

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}/release_fat_aar/libs中 //3.打一个zip包, 并改名为aar //---------------------------------Aar生产 Start---------------------------- //写死 common def aar_flavor = "common" def root_bundles_path = "...

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 重复,再一次*/ 大学允许学生重复上课---这是由于一些有压力的学校为了确保他们的学生顾客感到满意而导致的结果。 JEFFREY SELINGO JUN 29,201...

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__ 后确实可以限制,所以我这块会报错:AttributeError: 'Demo' object has no attribute 'name' 但是我又写了一个例子,发现加上__slots__后限制不了实例添...

2
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
0 评论
5 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部