js 顏色16進位轉RGB方法

来源:https://www.cnblogs.com/Byme/archive/2018/08/10/9455709.html
-Advertisement-
Play Games

//顏色16進位轉RGB方法 String.prototype.colorRgb = function(){ var sColor = this.toLowerCase(); //十六進位顏色值的正則表達式 var reg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/... ...


//顏色16進位轉RGB方法
String.prototype.colorRgb = function(){
    var sColor = this.toLowerCase();
    //十六進位顏色值的正則表達式
    var reg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/;
    // 如果是16進位顏色
    if (sColor && reg.test(sColor)) {
        if (sColor.length === 4) {
            var sColorNew = "#";
            for (var i=1; i<4; i+=1) {
                sColorNew += sColor.slice(i, i+1).concat(sColor.slice(i, i+1));    
            }
            sColor = sColorNew;
        }
        //處理六位的顏色值
        var sColorChange = [];
        for (var i=1; i<7; i+=2) {
            sColorChange.push(parseInt("0x"+sColor.slice(i, i+2)));    
        }
        return "[" + sColorChange.join(",") + ",0.6]";
    }
    return sColor;
};

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 在程式設計中有很多實用的設計模式,而其中大部分語言的實現都是基於“類”。 在JavaScript中並沒有類這種概念,JS中的函數屬於一等對象,在JS中定義一個對象非常簡單(var obj = {}),而基於JS中閉包與弱類型等特性,在實現一些設計模式的方式上與眾不同。 本文基於《JavaScript ...
  • 從場景說起 滑動到底部繼續載入,是移動端很常見的一種場景。 通常來說,我們會在對可滑動區域(一般是window)的scroll事件做監聽,判斷距離底部還有多遠,如果距離底部較近,則發起HTTP請求,請求下一頁的數據。 很容易寫出這樣的代碼: 但是這樣很容易就發現一個問題,觸發的scroll事件太頻繁 ...
  • 開題先拋一個快應用的開發文檔鏈接 https://doc.quickapp.cn/ 我只能說這個文檔不是很人性化,左側導航欄分了『指南和參考』,結果我最關心的組件,在『指南』中只有list和tabs,其餘組件都在『參考』中,真是噴了一口老血才找到。 根據開發微信小程式和支付寶小程式的經驗,我習慣性的 ...
  • JavaScript 對象是動態的屬性“包”(指其自己的屬性)。JavaScript 對象有一個指向一個原型對象的鏈。當試圖訪問一個對象的屬性時,它不僅僅在該對象上搜尋,還會搜尋該對象的原型,以及該對象的原型的原型,依次層層向上搜索,直到找到一個名字匹配的屬性或到達原型鏈的末尾。 遵循ECMAScr ...
  • 彈窗的工作原理:在網頁中寫一個div ,佈局到想要顯示的位置,將display設為none,隱藏該div。然後通過點擊事件或其他操作,利用Js代碼,將display設置為block,將div 顯示到網頁中。 Tips:display:none//隱藏 display: block//顯示 效果圖:點 ...
  • 此文是我的出版書籍《React Native 精解與實戰》連載分享,此書由機械工業出版社出版,書中詳解了 React Native 框架底層原理、React Native 組件佈局、組件與 API 的介紹與代碼實戰,以及 React Native 與 iOS、Android 平臺的混合開發底層原理講... ...
  • 1、 表單驗證:減輕伺服器的壓力、保證輸入的數據符合要求; 2、 常用的表單驗證:日期格式、表單元素是否為空、用戶名和密碼、E-mail地址、身份證號碼等; 3、 表單驗證的思路: 1. 獲得表單元素值,這些值一般是String類型,包含數字、下劃線等; 2. 使用JavaScript的一些方法對獲 ...
  • HTML原生就是響應式的(HTML內容在視口內流式的分佈)。隨著CSS的廣泛應用,設計者創建了許多固定佈局的“盒子”並把內容強制的放在盒子之中,這有悖於HTML原生響應的特性。 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...