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
So implementieren Sie das Hochladen und Anzeigen mehrerer Bilder und einzelner Bilder in js
10 Apr 2020
In diesem Artikel wird erläutert, wie das Hochladen und Anzeigen mehrerer Bilder und einzelner Bilder in js implementiert wird. Er hat einen gewissen Referenzwert und ich hoffe, dass er allen helfen kann. Ein einzelner Bild-Upload kann zusammen mit dem Formular eingereicht werden, mehrere Bild-Uploads jedoch nicht.
Das JS-Plugin plupload.js implementiert das Hochladen mehrerer Bilder und zeigt den Fortschrittsbalken an
03 Dec 2016
Das JS-Plugin plupload.js implementiert das Hochladen mehrerer Bilder und zeigt den Fortschrittsbalken an
PHP+js implementiert das Hochladen, Zuschneiden, Anzeigen einer Vorschau und Senden von Beispielen für Bilder
12 Jan 2017
Die erste verwendete Sprache ist PHP, und das Plug-in imgareaselect ist an die Download-Adresse angehängt. Es gibt nicht viele ausgefallene Stile, die es lernen können.
Organisieren von Spezialeffekten für Textschaltflächen basierend auf jQuery_jquery
16 May 2016
Hier haben wir 10 beliebte Codes für Text, Schaltflächen, Formulare und andere Spezialeffekte auf Basis von jQuery zusammengestellt. Sie sind zum einfachen Vergleich und zur Verwendung zusammengestellt.
So erhalten Sie lokale Bilder zur Anzeige im Browser und laden sie in js auf den Server hoch
21 Apr 2018
In diesem Artikel wird der Inhalt des Browsers vorgestellt, der die Vorschau des lokalen Bildes anzeigt und die Back-End-Schnittstelle zum Hochladen des Bildes auf den Server aufruft. Jetzt kann ich ihn mit Ihnen teilen .
Beschreiben Sie Canvas in Kombination mit JavaScript, um Bildspezialeffekte zu erzielen
07 Mar 2018
Wir alle wissen, dass Canvas viele Spezialeffekte und andere magische Dinge erzeugen kann. Aber haben Sie schon einmal mit Canvas und JavaScript gespielt, um Bildspezialeffekte zu erzielen? sehen!
Implementierung von Spezialeffekten wie Sonnenlicht und Regentropfen in Vue-Statistikdiagrammen
27 Aug 2023
Spezialeffekte wie Sonnenlicht und Regentropfen in Vue-Statistikdiagrammen werden in die Datenvisualisierung implementiert. Statistische Diagramme sind eine häufig verwendete Methode zur Darstellung von Daten. Um jedoch das visuelle Erlebnis des Benutzers zu verbessern, können wir den statistischen Diagrammen einige Spezialeffekte hinzufügen, z. B. Sonnenlicht, Regentropfen und andere Effekte. In diesem Artikel wird erläutert, wie Sie Vue zum Implementieren dieser Spezialeffekte verwenden, und es werden Codebeispiele bereitgestellt. Zuerst müssen wir Vue und Echarts installieren. Sie können den Befehl npm zur Installation verwenden: npminstallvueecharts--save
Welche Arten von CSS-Stilen gibt es?
25 Apr 2024
Zu den CSS-Stiltypen gehören: Grundstile (Schriftarten, Farben, Rahmen, Auffüllung/Ränder), Layoutstile (schwebend, Positionierung, Anzeige, Rasterlayout, elastisches Layout), Spezialeffekte (Übergang, Animation, Transformation, Filter), Mischmodi. , Tabellenstile (Tabellenanzeige, Tabellendaten) und andere Stile (Medienabfragen, benutzerdefinierte Eigenschaften, Animationszeitleisten).
Einführung in Lösungen für hohe CPU-Auslastung in „dnf'
06 Jan 2024
Wenn Sie feststellen, dass die CPU-Auslastung von DNF (Dungeon Fighter) beim Spielen eines Spiels sehr hoch ist, kann dies die Laufruhe des Spiels beeinträchtigen. Keine Sorge, hier sind einige Lösungen, ich hoffe, sie können Ihnen helfen: 1. Schließen Sie andere unnötige Hintergrundprogramme: Schließen Sie während das Spiel läuft, andere Programme, die CPU-Ressourcen beanspruchen, wie Browser, Musikplayer usw. 2. Reduzieren Sie die Qualität des Spielbildschirms: Durch die Reduzierung der Spezialeffekte und der Auflösung des Spielbildschirms kann die Belastung der CPU verringert und der Laufeffekt des Spiels verbessert werden. 3. Aktualisieren Sie den Grafikkartentreiber: Was tun, wenn Ihre DNFCPU-Auslastung hoch ist? Zuerst können Spieler die Scansoftware öffnen und ausführen, um zu überprüfen, ob andere Software ausgeführt wird. 2. Anschließend muss der Player die Spezialeffekte in den Einstellungen verwischen, um die Belastung durch DNF-Daten zu verringern.
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!