数据结构
网络
RDBMS
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C #
MongoDB
MySql
Javascript
PHP
物理学
化学
生物
数学
英语
经济
心理学
社会研究
时尚研究
法律研究JavaScript - 互补色生成器
我们需要编写一个 JavaScript 函数，该函数仅接受一个输入，即十六进制颜色。
然后，我们的函数应该找到作为输入带入颜色的互补色。
以下是一些输入和输出对 −
getComplementaryColor('#142814') = '#ebd7eb';
getComplementaryColor('#ffffff') = '#000000';
getComplementaryColor('#3399ff') = '#cc6600';示例
对应的代码将为 −
const str1 = '#142814';
const str2 = '#ffffff';
const str3 = '#3399ff';
const getComplementaryColor = (color = '') => {
const colorPart = color.slice(1);
const ind = parseInt(colorPart, 16);
let iter = ((1 << 4 * colorPart.length) - 1 - ind).toString(16);
while (iter.length < colorPart.length) {
iter = '0' + iter;
};
return '#' + iter;
};
console.log(getComplementaryColor(str1));
console.log(getComplementaryColor(str2));
console.log(getComplementaryColor(str3));输出
在控制台中，输出将为 −
#ebd7eb #000000 #cc6600
更新于： 23-11-2020
767 浏览次数
广告