js Bilder hochladen und Farbcodes erhalten
js „Bild hochladen und Farbcode abrufen“ ist ein lokales Farbauswahl-Plug-in zum Hochladen von Bildern. Klicken Sie auf die Schaltfläche „Farbauswahl“, um den im Bild enthaltenen Farbcode abzurufen.
Teil des JS-Codes
<script type="text/javascript">
(() => {
let obj = {};
//获取DOM对象的方法
let $ = function(id){
return document.getElementById(id);
}
//获取预览图片路径
let getObjectURL = function(file){
let url = null ;
if (window.createObjectURL!=undefined) { // basic
url = window.createObjectURL(file) ;
} else if (window.URL!=undefined) { // mozilla(firefox)
url = window.URL.createObjectURL(file) ;
} else if (window.webkitURL!=undefined) { // webkit or chrome
url = window.webkitURL.createObjectURL(file) ;
}
return url ;
}
//十六进制转换器
let hexadecimal = function(num) {
var r = parseInt(num).toString(16);
if (r.length == 1) {
return '0' + r;
}
return r.toUpperCase();
}
//判断颜色是否已存在
let checkHasColor = function(arr, r, g, b) {
for (var i = 0; i < arr.length; i++) {
var n = equalsColor(arr[0], arr[1], arr[2], r, g, b);
if (n >= 0.8) {
return true;
}
}
return false;
}
//判断相同颜色
let equalsColor = function(r1, g1, b1, r2, g2, b2) {
return (255 - Math.abs(r1 - r2) * 0.297 - Math.abs(g1 - g2) * 0.593 - Math.abs(b1 - b2) * 0.11) / 255;
}
//建立canvas画布
let canvas = function(obj,size,param){
let canvas = document.createElement("canvas");
if (!canvas.getContext) {
alert("很遗憾，您浏览器版本太老了，无法使用我们的小工具 ！");
return;
}
})()
</script> Alle Ressourcen auf dieser Website werden von Internetnutzern bereitgestellt oder von großen Download-Sites nachgedruckt. Bitte überprüfen Sie selbst die Integrität der Software! Alle Ressourcen auf dieser Website dienen nur als Referenz zum Lernen. Bitte nutzen Sie diese nicht für kommerzielle Zwecke. Andernfalls sind Sie für alle Folgen verantwortlich! Wenn ein Verstoß vorliegt, kontaktieren Sie uns bitte, um ihn zu löschen. Kontaktinformationen: admin@php.cn
Verwandter Artikel
09 Oct 2016
Verschiedene Spezialeffekte des Filters in CSS3
HTML5CSS3-Spezialeffekte – Ball springt auf und ab
14 Oct 2016
HTML5CSS3-Spezialeffekte – Ball springt auf und ab
04 Aug 2016
Ich habe einige gut aussehende Websites gesehen und wollte wissen, wie ihre Animationen und Spezialeffekte erstellt wurden. Gibt es eine Software oder ein Plug-in, das die gesamte URL einschließlich JS- und CSS-Stilen extrahieren kann?
Wie geht der Compiler mit der Kopiererstellung für Klassen um, die verschachtelte Objekte enthalten?
14 Nov 2024
Impliziter Kopierkonstruktor für Klassen, die andere Objekte enthaltenBeim Arbeiten mit Klassen, die andere Objekte enthalten, ist der Standardkopierkonstruktor...
Warum verwendet CSS2.1 einen anderen „Überlauf' als „sichtbar', um Blockformatierungskontexte zu erstellen?
07 Dec 2024
Warum schreibt CSS2.1 andere Überlaufwerte als „sichtbar“ vor, um einen neuen Blockformatierungskontext einzurichten? In CSS2.1 sind andere Überlaufwerte als...
Wie kann ich den Namen der aufrufenden Methode in Python ermitteln?
10 Nov 2024
Ermitteln des Methodennamens des Aufrufers in PythonBei der objektorientierten Programmierung können Methoden häufig andere Methoden für dasselbe oder andere Objekte aufrufen....
jQuery vs. reines JavaScript für die URL-Umleitung: Welche Methode ist die beste?
22 Dec 2024
Umleiten auf eine andere Webseite in der WebentwicklungWenn Sie versuchen, Benutzer auf eine andere Seite umzuleiten, nutzen Sie entweder jQuery oder pure...
Wie effizient ist die String-Verkettung in Python und wann wird sie optimiert?
01 Nov 2024
Wie hänge ich in Python effizient eine Zeichenfolge an eine andere an? Beim Anhängen einer Zeichenfolge an eine andere Zeichenfolge ist es effizient, ...
Wie kann ich Tastaturtasten zuverlässig an andere Anwendungen senden, auch an solche im Hintergrund?
04 Jan 2025
Senden von Schlüsseln an andere Anwendungen: Erkunden von Techniken und Überwinden von Herausforderungen Einführung in die Notwendigkeit, bestimmte Schlüssel an andere Anwendungen zu senden ...
Hot Tools
jQuery+Html5 realisiert einen wunderschönen Geständnis-Animationscode
jQuery + Html5 implementiert einen wunderschönen Geständnis-Animationscode, der Animationseffekt ist großartig, ein Muss für Programmierer zum Geständnis!
Js-Spezialeffektcode für das romantische Geständnis eines Paares
Paar romantisches Geständnis JS Special Effekt -Code, solche Spezialeffekte, können auf Websites für Hochzeitsfotografie verwendet werden, können auch in persönlichen Websites platziert werden, und auch eine gute Spezialeffekte, PHP Chinese -Website -Empfehlung Download!
Einfaches JS-Liebesgeständnis-Artefakt
Einfaches natives JS-Liebesgeständnis-Artefakt
Ausdrucksstarke HTML5-Partikelanimationseffekte von Bunker
Bunkers HTML5-Spezialeffektcode für Partikelanimationsausdrücke, der Text für Animationsspezialeffekte kann im Code geändert werden, Sie können eine Seite erstellen, Sie können die Texteingabe anpassen, es sollte sehr beliebt sein, dieser HTML5-Spezialeffekt ist sehr schön.
jQuery-Responsive Hintergrund-Anmeldeschnittstellenvorlage
HTML-Quellcode der responsiven Backend-Anmeldeschnittstelle von jQuery. Die Anmeldeseite verwendet JQuery, um das Formular zu überprüfen und festzustellen, ob die Anmeldeseite die Anforderungen erfüllt Seiten: Wenn der Browser hinein- oder herauszoomt, ändert der Hintergrund die Größe des Bildes entsprechend dem Browser! Die chinesische PHP-Website empfiehlt den Download!