国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

首頁 JS特效 其它特效 js上傳圖片并取色代碼

js上傳圖片并取色代碼

js上傳圖片并取色代碼

js上傳圖片并取色代碼是一款本地圖片上傳取色器插件,點擊取色按鈕獲取圖片所包含的顏色代碼。

部分js代碼

<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 ;
		}
		//十六進制轉(zhuǎn)換器
		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>
免責聲明

本站所有資源均由網(wǎng)友貢獻或各大下載網(wǎng)站轉(zhuǎn)載。請自行檢查軟件的完整性!本站所有資源僅供學習參考。請不要將它們用于商業(yè)目的。否則,一切后果由您負責!如有侵權(quán),請聯(lián)系我們刪除。聯(lián)系方式:admin@php.cn

相關(guān)文章

生成器函數(shù)如何提高 Python 問題解決能力? 生成器函數(shù)如何提高 Python 問題解決能力?

26 Oct 2024

生成器函數(shù):它們在解決問題中的效用生成器函數(shù)以其yield語句為特征,提供了一種獨特的方法......

如何有效地使用CSS選擇器來針對特定元素? 如何有效地使用CSS選擇器來針對特定元素?

17 Mar 2025

本文討論了有效使用CSS選擇器,優(yōu)化其性能,管理特異性和調(diào)試的策略。它涵蓋了有效CSS管理的最佳實踐和工具。

如何在 PHP 中用其基本等效字符替換特殊字符? 如何在 PHP 中用其基本等效字符替換特殊字符?

30 Oct 2024

在 PHP 中用其基本等效項替換特殊字符問題:是否可以用其基本等效項替換特殊字符...

為什么我應該避免 `std::vector` 以及什么時候 `std::deque` 可能是更好的選擇? 為什么我應該避免 `std::vector` 以及什么時候 `std::deque` 可能是更好的選擇?

15 Dec 2024

理解矢量及其獨特的特征斯科特·邁耶斯的“有效的STL”強調(diào)了避免矢量由于......

ThinkPHP的配置系統(tǒng)如何工作,如何有效地使用它? ThinkPHP的配置系統(tǒng)如何工作,如何有效地使用它?

11 Mar 2025

本文詳細介紹了ThinkPHP的配置系統(tǒng),重點介紹其功能,有效的用法和可擴展性。 它涵蓋配置文件格式(PHP數(shù)組和XML),特定環(huán)境特定的覆蓋(使用環(huán)境變量)和ADVA

如何使用 SciPy 的 find_peaks 函數(shù)在 Python 中查找顯著峰值? 如何使用 SciPy 的 find_peaks 函數(shù)在 Python 中查找顯著峰值?

22 Oct 2024

這項研究展示了 Python 的 SciPy 庫(特別是其 scipy.signal.find_peaks 函數(shù))在識別數(shù)據(jù)峰值方面的能力。重點放在突出參數(shù)上,它可以有效區(qū)分主峰和非峰

GO中有什么循環(huán)結(jié)構(gòu)? GO中有什么循環(huán)結(jié)構(gòu)?

30 Apr 2025

本文討論了GO的循環(huán)結(jié)構(gòu):用于循環(huán),范圍循環(huán)以及循環(huán)等效物。與其他語言相比,它突出了GO循環(huán)的多功能性和獨特功能

一些HTML是'可選” 一些HTML是'可選”

17 Apr 2025

您可以將其排除在源HTML中,并且它仍然有效的標記。

如何修復Windows File Explorer搜索框不起作用 如何修復Windows File Explorer搜索框不起作用

01 Jun 2025

Windows File Explorer搜索框是必不可少的工具,它使用戶能夠在其計算機上有效找到文件和文件夾。在搜索特定文檔或媒體文件時,此功能特別有價值,幫助用戶保存con

See all articles See all articles

熱工具

jQuery+Html5實現(xiàn)唯美表白動畫代碼

jQuery+Html5實現(xiàn)唯美表白動畫代碼

jQuery+Html5實現(xiàn)唯美表白動畫代碼,動畫效果很棒,程序員表白必備!

情侶浪漫表白js特效代碼

情侶浪漫表白js特效代碼

情侶浪漫表白js特效代碼,這樣的特效,可以用在婚紗攝影的網(wǎng)站上,也可以放在個人網(wǎng)站中,也還一個不錯的特效,php中文網(wǎng)推薦下載!

簡單js戀愛表白神器

簡單js戀愛表白神器

簡單原生js戀愛表白神器

碉堡的html5粒子動畫表白特效

碉堡的html5粒子動畫表白特效

碉堡的html5粒子動畫表白特效代碼,動畫特效文字可以在代碼里面進行更改,大家可以做個頁面,大家可以自定義文字的輸入是應該是非常受歡迎的,此HTML5特效非常美的。

jQuery響應式后臺登錄界面模板

jQuery響應式后臺登錄界面模板

jQuery響應式后臺登錄界面模板html源碼,登錄頁面通過jquery來驗證表單,判斷用戶名和密碼是否符合要求,通常登錄頁面在企業(yè)網(wǎng)站或者商城網(wǎng)站都是必須要用到的頁面,響應式的后臺頁面,當瀏覽器放大或者縮小,背景會根據(jù)瀏覽器來調(diào)整圖片的大?。hp中文網(wǎng)推薦下載!