顏色轉換

以藍色為例,#0000FF應該被表示成rgb(0,0,255)。

我們將函數命名為getRGB()

(可以將字符串視為數組,這個數組的元素為字符)

function getRGB(color) {var rgb = [parseInt('0x'+color.slice(1,3)),parseInt('0x'+color.slice(3,5)),parseInt('0x'+color.slice(5,7))];return "rgb(" + rgb[0] + ","  + rgb[1] + "," +rgb[2] +")" ;       
}

?

在控制臺中,我們發現:當我們縮寫16進制顏色的時候,就會出現NaN;

(這個例子我練習了之前學到的數組的slice方法)

經過一段時間的學習,我們可以試試這樣

  

        var getRGB = function(oRgb) {var color = [],rgb   = [];oRgb = oRgb.replace(/#/, "");if (oRgb.length == 3) {var tmp = [];for (var i = 0; i < 3; i++) {tmp.push(oRgb.charAt(i) + oRgb.charAt(i));}oRgb = tmp.join("");}for (var i = 0; i < 3; i++) {color[i] = "0x" + oRgb.substr(i + 2, 2);rgb.push(parseInt(Number(color[i])));}return "rgb(" +  rgb.join(",") + ")";}

  

  

轉載于:https://www.cnblogs.com/yechanglv/p/6937981.html

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/455534.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/455534.shtml
英文地址,請注明出處:http://en.pswp.cn/news/455534.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

wince ./configure

CPPFLAGS"-I/usr/wince/include -D_WIN32_WCE0x0500" LDFLAGS"-L/usr/wince/lib" ./configure--hostarm-mingw32ce 指定軟件運行的系統平臺&#xff1b;host就是你編譯好的程序可以運行的平臺--target-osmingw32ce 指定軟件面向(target to)的系統平臺.這主…

android 按鍵會觸發ontouch嗎?_Android實現炫酷的拖拽浮動按鈕

IOS的Assistive Touch效果很炫酷&#xff0c;可以任意拖拽&#xff0c;同時點擊后會展開菜單欄。然而&#xff0c;這不只是IOS的特權&#xff0c;Android也可以實現。但是由于懸浮窗需要申請權限&#xff0c;所以本文僅在app內實現&#xff0c;可以任意拖拽&#xff0c;并可以響…

強名稱程序集(strong name assembly)——為程序集賦予強名稱

引言&#xff1a;在曾經的項目開發中&#xff0c;在程序集中見到過一個后綴為*.snk的文件。當時看這個文件的圖標。感覺可能是企業內部保護版權啥的一種方式。一&#xff0c;強程序集攻克了哪些問題&#xff1f;1&#xff0c;唯一標識一個程序集2&#xff0c;放置程序集被仿冒和…

如何成為一名合格的數據分析師

“21世紀什么最貴&#xff0c;人才”&#xff0c;在目前大數據時代下&#xff0c;什么最難找&#xff0c;什么最貴&#xff0c;實現數據價值的人&#xff0c;數據分析師。 但是對于數據分析師的認識&#xff0c;比較極端&#xff0c;但對數據分析師價值的認識正在回歸理性。很多…

【ffmpeg for wince】音視頻編解碼多平臺移植(for window/wince))ffmpeg

from: http://www.cnblogs.com/windwithlife/archive/2009/05/31/1492728.html 終于完成了了第二個Client side原型&#xff08;for Wince)&#xff0c;其中花掉我最多時間的就是ffmpeg的對WINCE的移植。其中有大半時間是由于網上的一些不完整及不正確信息所誤導&#xff0c;但…

Java 重寫(Override)與重載(Overload)

重寫(Override) 重寫是子類對父類的允許訪問的方法的實現過程進行重新編寫&#xff01;返回值和形參都不能改變。即外殼不變&#xff0c;核心重寫&#xff01; 重寫的好處在于子類可以根據需要&#xff0c;定義特定于自己的行為。也就是說子類能夠根據需要實現父類的方法。在面…

銀聯pos小票word模板_商家pos機刷卡必須知道的知識

相信很多卡友伙伴或者商鋪店家都裝有pos機&#xff0c;然后一般pos機都沒有使用說明書&#xff0c;更沒有結合刷卡方法在內的秘籍。今天我就分享下刷卡必須知道的一些知識。剛剛辦理pos機的當天一定要注意&#xff1a;使用之前呢&#xff0c;務必核對一下基本信息&#xff0c;例…

《Ext JS權威指南》——2.4節關于Ext.onReady

2.4 關于Ext.onReady 代碼為什么寫在Ext.onReady中&#xff0c;而不是在body中添加一個onload事件并在onload事件中運行呢&#xff1f;主要原因是Ext.onReady在DOM模型加載完畢后即可進行操作&#xff0c;而無需像onload事件那樣&#xff0c;等待頁面的所有資源都加載完畢后才…

git push 提交時顯示 Empty reply from server的解決辦法

輸入 git fetch origin --prune 參考鏈接&#xff1a;https://stackoverflow.com/questions/28364023/gits-error-on-push-empty-reply-from-server 轉載于:https://www.cnblogs.com/team42/p/6941678.html

轉]移動視頻監控(1)---項目綜述

對于市場上的視頻監控系統&#xff0c;大家都有一定的了解&#xff0c;就是視頻采集&#xff0c;經過無線/有線發送到服務或代理&#xff0c;客戶從服務或代理上得到視頻/音頻流。不復雜。 對于不遠的將來&#xff0c;3G&#xff0c;4G的到來&#xff0c;對移動的業務有一個推動…

java 空接口_學Java,java接口搞明白了嗎?大牛讓你一文搞清楚

前言對于面向對象編程來說&#xff0c;抽象是一個極具魅力的特征。如果一個程序員的抽象思維很差&#xff0c;那他在編程中就會遇到很多困難&#xff0c;無法把業務變成具體的代碼。在 Java 中&#xff0c;可以通過兩種形式來達到抽象的目的&#xff0c;一種是抽象類&#xff0…

Check Point CEO:“我們正在積極尋找收購目標”

Check Point Sofrware Technologies很可能成為下一個會產生收購案的主流安全廠商&#xff0c;首席執行官Gil Shwed在該公司第二季度財報電話會議上這樣表示。 “我們正在積極地尋求收購目標&#xff0c;期待無論是大規模的還是小規模的擴張&#xff0c;”Shwed表示。“我們在并…

Spark SQL 編程API入門系列之SparkSQL數據源

不多說&#xff0c;直接上干貨&#xff01; SparkSQL數據源&#xff1a;從各種數據源創建DataFrame 因為 spark sql&#xff0c;dataframe&#xff0c;datasets 都是共用 spark sql 這個庫的&#xff0c;三者共享同樣的代碼優化&#xff0c;生成以及執行流程&#xff0c;所以 s…

H.264中的一些易混淆概念

Q:PSNR 峰值信噪比 Q:是根據它來取qp是不是&#xff1f; A:不是, 和QP沒有直接關系, 但是QP的選擇會影響到PSNR Q: 如果不用率失真最優化&#xff0c; 為什么選擇SATD&#xff0b;deltar&#xff08;mv&#xff0c;mode&#xff09;作為模式選擇的依據&#xff1f;為什么運…

Java中final關鍵字的幾種用法

在java的關鍵字中&#xff0c;static和final是兩個我們必須掌握的關鍵字。不同于其他關鍵字&#xff0c;他們都有多種用法&#xff0c;而且在一定環境下使用&#xff0c;可以提高程序的運行性能&#xff0c;優化程序的結構。下面我們來了解一下final關鍵字及其用法。 final關鍵…

python pyqt5安裝_Python3 安裝PyQt5及exe打包圖文教程

環境: Python 3.6.4 Pycharm Professional 2017.3.3 PyQt5 PyQt5-tools① Python 3 安裝Python 3.x 安裝時&#xff0c;默認勾選ADD Python 3.6 to PATH和ADD Python to environment variables的情況下&#xff0c;系統會向path中增加以下兩個環境變量。D:\Program Files\Py…

《企業軟件交付:敏捷與高效管理精要》——3.4 企業軟件交付的軟件工廠方法...

3.4 企業軟件交付的軟件工廠方法 正如我們前面討論的&#xff0c;今天的機構面對的商業環境正以前所未有的速度發生變化。與此同時&#xff0c;這些機構還要管理和降低整個機構的運營成本。這就直接意味著&#xff0c;他們不僅要最大限度地減少浪費和低效率&#xff0c;還要提…

201706問題記錄

1.四周陰影 box-shadow:0px 0px 10px #f5f5f5; 2. 原生setattribute()方法 jquery的attr()$(.fd-sq-zk).attr("title","收起"); 3.在iframe中獲取外層容器的元素 屬性等 $(parent.document).find("html")..... 4.監聽頁面變大變小事件 /…

一致性hash算法_(圖文案例)一致性哈希算法詳解 一點課堂(多岸教育)

一致性Hash算法關于一致性Hash算法&#xff0c;在我之前的博文中已經有多次提到了&#xff0c;MemCache超詳細解讀一文中”一致性Hash算法”部分&#xff0c;對于為什么要使用一致性Hash算法、一致性Hash算法的算法原理做了詳細的解讀。算法的具體原理這里再次貼上&#xff1a;…

《HTML5 Canvas游戲開發實戰》——2.1 繪制基本圖形

本節書摘來自華章計算機《HTML5 Canvas游戲開發實戰》一書中的第2章&#xff0c;第2.1節,作者&#xff1a;張路斌著&#xff0c; 更多章節內容可以訪問云棲社區“華章計算機”公眾號查看。 2.1 繪制基本圖形 所謂基本圖形&#xff0c;就是指線、矩形、圓等最簡單的圖形&#x…