javascript计算渐变颜色的实例

韦小宝
풀어 주다: 2018-01-15 11:38:30
원래의
2277명이 탐색했습니다.

这篇文章主要介绍了javascript计算渐变颜色的实例的相关资料,希望通过本文能帮助到大家更好的学习JavaScript,让大家理解掌握这部分内容,对JavaScript感兴趣的朋友可以参考下本篇文章

javascript计算渐变颜色的实例

有时候,一个表格或者一片区域内,需要若干同色系从浅到深的颜色,如图所示:

如果需要的颜色少,则颜色的差异较大,需要的颜色多,则颜色差异小,如下图:


这时,就用到了同色系渐变颜色的计算,算法如下:

function getItemColors (colorLevel) { var colors= []; //默认的最深颜色 var red = 134,green = 108, blue = 184; //最浅颜色是239,239,239 比如:最浅颜色的red是 239 则差值为239-134=105 var maxRed = 105,maxGreen = 131,maxBlue = 55; var level = colorLevel; while(level--) { colors.push( 'rgb('+red +','+green+','+blue+')'); red += parseInt(maxRed/colorLevel); green += parseInt(maxGreen/colorLevel); blue += parseInt(maxBlue/colorLevel); } return colors; }
로그인 후 복사

以上就是本篇文章的所有内容,希望大家对这篇文章感兴趣!!

相关推荐:

javascript用rem来做响应式开发实例分享

Javascript网页抢红包外挂如何实现

Javascript将图片的绝对路径转换为base64编码

위 내용은 javascript计算渐变颜色的实例의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!