資料結構
網路
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 瀏覽次數
廣告