Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 一区二区三区中文,免费看欧美一级特黄a大片,91免费国产在线观看

          整合營(yíng)銷(xiāo)服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費(fèi)咨詢(xún)熱線:

          快訊!“國(guó)考”分?jǐn)?shù)線今早剛剛公布,筆試成績(jī)查詢(xún)通道在此

          加國(guó)考的小伙伴們看過(guò)來(lái)!

          中央機(jī)關(guān)及其直屬機(jī)構(gòu)2021年度考試錄用公務(wù)員筆試成績(jī)今早公布。中央機(jī)關(guān)和省級(jí)(含副省級(jí))直屬機(jī)構(gòu)職位合格分?jǐn)?shù)線為總分不低于105分,且行政職業(yè)能力測(cè)驗(yàn)不低于60分。國(guó)考調(diào)劑公告今天也同步發(fā)布。

          考生可點(diǎn)擊本條微信左下角的“閱讀原文”登錄后查詢(xún)考試成績(jī),或在電腦中打開(kāi)網(wǎng)址http://bm.scs.gov.cn/pp/gkweb/core/web/ui/business/auth/login.html查詢(xún)。

          各檔分?jǐn)?shù)線確定

          國(guó)家公務(wù)員局說(shuō),今年劃定筆試合格分?jǐn)?shù)線時(shí),既考慮到新錄用公務(wù)員必須具備的基本素質(zhì),又兼顧了不同層級(jí)機(jī)關(guān)招考職位對(duì)公務(wù)員能力的不同要求,采取了分層劃線的方法,同時(shí)對(duì)西部地區(qū)和艱苦邊遠(yuǎn)地區(qū)基層職位予以一定的政策傾斜。其中,中央機(jī)關(guān)和省級(jí)(含副省級(jí))直屬機(jī)構(gòu)職位合格分?jǐn)?shù)線為總分不低于105分,且行政職業(yè)能力測(cè)驗(yàn)不低于60分;市(地)級(jí)和縣(區(qū))級(jí)直屬機(jī)構(gòu)職位合格分?jǐn)?shù)線為總分不低于95分,且行政職業(yè)能力測(cè)驗(yàn)不低于50分;西部地區(qū)和艱苦邊遠(yuǎn)地區(qū)(山西、內(nèi)蒙古、吉林、黑龍江、廣西、重慶、四川、貴州、云南、西藏、陜西、甘肅、青海、寧夏、新疆等15個(gè)省區(qū)市)市(地)級(jí)和縣(區(qū))級(jí)直屬機(jī)構(gòu)職位,定向招錄大學(xué)生村官、“三支一扶”等服務(wù)基層項(xiàng)目人員和在軍隊(duì)服役5年(含)以上的高校畢業(yè)生退役士兵職位,非通用語(yǔ)職位,以及特殊專(zhuān)業(yè)職位合格分?jǐn)?shù)線為總分不低于90分,且行政職業(yè)能力測(cè)驗(yàn)不低于45分。此外,中國(guó)銀保監(jiān)會(huì)、中國(guó)證監(jiān)會(huì)職位和公安機(jī)關(guān)人民警察職位統(tǒng)一組織了專(zhuān)業(yè)科目筆試,專(zhuān)業(yè)科目筆試合格分?jǐn)?shù)線為不低于45分。

          各職位進(jìn)入面試的人員名單將根據(jù)規(guī)定的面試比例,按照筆試成績(jī)從高到低的順序確定,面向社會(huì)統(tǒng)一公布。面試工作由各招錄機(jī)關(guān)具體實(shí)施。面試前,將在“中央機(jī)關(guān)及其直屬機(jī)構(gòu)2021年度考試錄用公務(wù)員專(zhuān)題網(wǎng)站”發(fā)布面試公告,載明面試人員名單、面試最低分?jǐn)?shù)線、面試時(shí)間、面試地點(diǎn)、聯(lián)系方式以及其他須知事項(xiàng)。對(duì)于公共科目筆試合格人數(shù)與擬錄用人數(shù)之比未達(dá)到規(guī)定面試比例的部分職位,國(guó)家公務(wù)員局將在今年1月組織公開(kāi)調(diào)劑,后續(xù)還將針對(duì)出現(xiàn)人員空缺的職位,面向社會(huì)統(tǒng)一進(jìn)行補(bǔ)充錄用。

          國(guó)家公務(wù)員局根據(jù)公務(wù)員法和公務(wù)員錄用有關(guān)規(guī)定,對(duì)違反考試紀(jì)律的人員作出了考試成績(jī)無(wú)效、取消考試資格、限制報(bào)考等處理,進(jìn)一步嚴(yán)肅考風(fēng)考紀(jì)。

          中央機(jī)關(guān)及其直屬機(jī)構(gòu)2021年度

          考試錄用公務(wù)員調(diào)劑公告

          中央機(jī)關(guān)及其直屬機(jī)構(gòu)2021年度考試錄用公務(wù)員筆試成績(jī)已經(jīng)公布,部分職位筆試合格人數(shù)與擬錄用人數(shù)之比未達(dá)到規(guī)定的面試比例,根據(jù)中央機(jī)關(guān)及其直屬機(jī)構(gòu)2021年度考試錄用公務(wù)員工作實(shí)施方案,需要面向社會(huì)公開(kāi)調(diào)劑補(bǔ)充面試人選。現(xiàn)將有關(guān)事項(xiàng)公告如下:

          一、調(diào)劑的原則和條件

          (一)調(diào)劑在公共科目考試內(nèi)容相同(即指報(bào)考人員應(yīng)答的是同一類(lèi)試卷)的職位之間進(jìn)行;

          (二)已進(jìn)入首批面試名單的報(bào)考人員不得參加調(diào)劑;

          (三)參加調(diào)劑的報(bào)考人員只能申請(qǐng)一個(gè)調(diào)劑職位;

          (四)申請(qǐng)調(diào)劑的報(bào)考人員應(yīng)當(dāng)符合調(diào)劑職位規(guī)定的資格條件和要求;

          (五)申請(qǐng)調(diào)劑的報(bào)考人員公共科目筆試成績(jī)應(yīng)當(dāng)同時(shí)達(dá)到原報(bào)考職位的最低合格分?jǐn)?shù)線和擬調(diào)劑職位的最低合格分?jǐn)?shù)線;

          (六)進(jìn)入調(diào)劑職位面試的人員不得參加原報(bào)考職位的遞補(bǔ)。

          二、調(diào)劑程序

          (一)報(bào)考人員從即日起,可以登錄“中央機(jī)關(guān)及其直屬機(jī)構(gòu)2021年度考試錄用公務(wù)員專(zhuān)題網(wǎng)站”(以下簡(jiǎn)稱(chēng)“專(zhuān)題網(wǎng)站”,http://bm.scs.gov.cn/kl2021)查詢(xún)調(diào)劑職位、調(diào)劑人數(shù)、考試類(lèi)別、資格條件、招錄機(jī)關(guān)聯(lián)系方式等。

          (二)2021年1月12日8:00至1月14日18:00期間,報(bào)考人員通過(guò)報(bào)名時(shí)的用戶(hù)名和密碼登錄“專(zhuān)題網(wǎng)站”,填報(bào)申請(qǐng)調(diào)劑的相關(guān)信息。報(bào)考人員對(duì)調(diào)劑職位所需專(zhuān)業(yè)、學(xué)歷、學(xué)位、資格條件以及備注內(nèi)容等信息需要咨詢(xún)時(shí),請(qǐng)直接與招錄機(jī)關(guān)聯(lián)系。在提交調(diào)劑申請(qǐng)時(shí)間結(jié)束之前,報(bào)考人員可以改變申請(qǐng)調(diào)劑的職位。

          非網(wǎng)上報(bào)名的報(bào)考人員參加調(diào)劑時(shí),請(qǐng)直接與擬申請(qǐng)調(diào)劑的招錄機(jī)關(guān)聯(lián)系,在2021年1月14日18:00前提交書(shū)面調(diào)劑申請(qǐng)。

          (三)2021年1月15日8:00至1月16日18:00期間,招錄機(jī)關(guān)對(duì)涉及本機(jī)關(guān)(單位)職位的網(wǎng)上調(diào)劑申請(qǐng)和書(shū)面調(diào)劑申請(qǐng)一并進(jìn)行資格審查。資格審查時(shí),按照調(diào)劑人員公共科目筆試成績(jī)從高分到低分的順序進(jìn)行。公共科目筆試總成績(jī)相同的,按行政職業(yè)能力測(cè)驗(yàn)科目的成績(jī)排序。公共科目筆試總成績(jī)和行政職業(yè)能力測(cè)驗(yàn)科目成績(jī)都相同的,一并進(jìn)入資格審查。審查合格人數(shù)達(dá)到規(guī)定的調(diào)劑人數(shù)后,招錄機(jī)關(guān)不再對(duì)其他人員進(jìn)行資格審查。

          三、查詢(xún)調(diào)劑結(jié)果

          調(diào)劑結(jié)束后,將形成進(jìn)入面試的人選名單,在“專(zhuān)題網(wǎng)站”統(tǒng)一公布。2021年1月18日之后,可以登錄“專(zhuān)題網(wǎng)站”查詢(xún)調(diào)劑結(jié)果。

          打開(kāi)網(wǎng)址查詢(xún)http://bm.scs.gov.cn/pp/gkweb/core/web/ui/business/auth/login.html,登錄后可查分哦

          資料:國(guó)家公務(wù)員局

          來(lái)源: 上海發(fā)布

          、目錄

          • HTML 基本概念
          • HTML 基本結(jié)構(gòu)
          • HTML 基本標(biāo)簽

          二、HTML基本概念

          2.1、什么是 HTML

          • 超文本標(biāo)記語(yǔ)言(Hyper Text Markup Language)
          • 描述網(wǎng)頁(yè)的語(yǔ)言
          • 傳輸最簡(jiǎn)單的文本內(nèi)容
          • 可以表達(dá)文字內(nèi)容之外的語(yǔ)言——HTML1.0

          2.2、HTML的發(fā)展

          • html1.0—-xhtml1.0( 過(guò)渡 )—-xhtml2.0( 放棄 )——html5

          三、HTML基本結(jié)構(gòu)

          <!DOCTYPE html>
          <html lang="en">
          <head>
              <meta charset="UTF-8">
              <title>Title</title>
          </head>
          <body>
          
          </body>
          </html>

          四、HTML基本標(biāo)簽

          4.1、標(biāo)簽和屬性

          • 雙標(biāo)簽:<標(biāo)簽名稱(chēng)></標(biāo)簽名稱(chēng)>
          • 單標(biāo)簽:<標(biāo)簽名 />

          4.2、標(biāo)簽的屬性

          • 基本格式:<標(biāo)簽名 屬性1=“值1” 屬性2=“值2”></標(biāo)簽名>
            • 標(biāo)簽可以擁有多個(gè)屬性
            • 屬性必須寫(xiě)在開(kāi)始標(biāo)簽中,位于標(biāo)簽名后面
            • 屬性之間不區(qū)分順序
            • 標(biāo)簽與屬性之間、屬性與屬性之間用空格隔開(kāi)
            • 每個(gè)屬性都有默認(rèn)值,省略屬性則表示使用默認(rèn)值

          4.2、HTML全局屬性

          • class:規(guī)定元素的類(lèi)名
          • id:規(guī)定元素唯一的id
          • lang:設(shè)置元素中內(nèi)容的語(yǔ)言代碼
          • style:規(guī)定元素的行內(nèi)樣式
          • title:規(guī)定元素的額外信息

          五、HTML事件

          5.1、HTML事件—窗口事件

          • 使用HTML事件觸發(fā)瀏覽器中的行為,比如啟動(dòng)某一段JavaScript
          • 使用于body標(biāo)簽中
            • onblur:當(dāng)窗口失去焦點(diǎn)時(shí)運(yùn)行腳本
            • onfocus:當(dāng)窗口獲得焦點(diǎn)時(shí)運(yùn)行腳本
            • onload:當(dāng)加載文檔時(shí)運(yùn)行腳本

          5.2、HTML事件—表單事件

          • form
            • onblur:當(dāng)窗口失去焦點(diǎn)時(shí)運(yùn)行腳本
            • onchange:當(dāng)元素改變時(shí)運(yùn)行腳本
            • onfocus:當(dāng)窗口獲得焦點(diǎn)時(shí)運(yùn)行腳本
            • onreset:當(dāng)表單重置時(shí)運(yùn)行腳本,HTML5不支持
            • onselect:當(dāng)選取元素時(shí)運(yùn)行腳本
            • onsubmit:當(dāng)提交表單時(shí)運(yùn)行腳本

          5.3、HTML事件—鍵盤(pán)事件

          • 鍵盤(pán)事件
            • onkeydown:當(dāng)按下鍵時(shí)運(yùn)行腳本
            • onkeypress:當(dāng)按下并松開(kāi)鍵時(shí)運(yùn)行腳本
            • onkeyup:當(dāng)松開(kāi)鍵時(shí)運(yùn)行腳本

          5.4、HTML事件—鼠標(biāo)事件

          • 鼠標(biāo)事件
            • onclick:當(dāng)單擊鼠標(biāo)時(shí)運(yùn)行腳本
            • ondblclick:當(dāng)雙擊鼠標(biāo)時(shí)運(yùn)行腳本
            • onmousedown:當(dāng)按下鼠標(biāo)時(shí)運(yùn)行腳本
            • onmousemove:當(dāng)鼠標(biāo)指針移動(dòng)時(shí)運(yùn)行腳本
            • onmouseout:當(dāng)鼠標(biāo)指針移出元素時(shí)運(yùn)行腳本
            • onmouseover:當(dāng)鼠標(biāo)指針移至元素之上時(shí)運(yùn)行腳本
            • onmouseup:當(dāng)松開(kāi)鼠標(biāo)按鈕時(shí)運(yùn)行腳本

          5.5、HTML事件—多媒體事件

          • 多媒體事件
            • onabort:當(dāng)發(fā)生中止事件時(shí)運(yùn)行腳本

          六、標(biāo)簽

          6.1、注釋標(biāo)簽

          • 標(biāo)簽: < !-- 注釋內(nèi)容 -- >
          • 作用:在源文檔中插入注釋。注釋不會(huì)在瀏覽器中顯示

          6.2、文檔標(biāo)題標(biāo)簽

          • 標(biāo)簽:
          • 作用:
            • 定義瀏覽器工具欄中的標(biāo)題
            • 提供頁(yè)面被收藏時(shí)的標(biāo)題
            • 顯示在搜索引擎中顯示的頁(yè)面標(biāo)題

          6.3、標(biāo)題標(biāo)簽

          • 標(biāo)簽:

          • 作用:
            • 用來(lái)定義HTML的標(biāo)題
            • 用例定義最高等級(jí)的標(biāo)題
            • 用例定義最低等級(jí)的標(biāo)題
          • 屬性:全局屬性、事件屬性

          6.4、段落標(biāo)簽

          • 標(biāo)簽:
          • 作用:定義段落
          • 屬性:全局屬性,事件屬性

          6.5、容器標(biāo)簽1

          • 標(biāo)簽:
          • 作用:對(duì)行內(nèi)元素進(jìn)行組合,提供了一種將文本或文檔的一部分獨(dú)立出來(lái)的方式
          • 屬性:全局屬性、事件屬性

          6.7、容器標(biāo)簽2

          • 標(biāo)簽:
          • 作用:
            • 定義了HTML文檔中一個(gè)分隔區(qū)塊或一個(gè)區(qū)域部分
            • 經(jīng)常與CSS一起使用,用于定義網(wǎng)頁(yè)布局
          • 屬性:全局屬性、事件屬性

          6.8、圖像標(biāo)簽

          • 標(biāo)簽:
          • 作用:定義HTML頁(yè)面中的圖像
          • 屬性:
            • src:定義顯示圖像的URL(必選)
            • alt:定義圖像的替代文本(必選)
            • title:鼠標(biāo)懸停圖像時(shí)顯示的文本
            • width:圖像的寬度
            • height:圖像的高度
            • border:設(shè)置圖像邊框的寬度

          6.9、超鏈接標(biāo)簽

          • 標(biāo)簽:
          • 定義超鏈接,從一個(gè)頁(yè)面鏈接到另一個(gè)頁(yè)面
          • 屬性:全局屬性、事件屬性
            • href:規(guī)定鏈接的目標(biāo)URL

          6.10、列表標(biāo)簽

          • 標(biāo)簽:
          <ul>
          <li></li>
          <li></li>
          </ul>
          • 作用:
            • 定義無(wú)序列表
              * <ul>與<li>一起使用,創(chuàng)建無(wú)序列表
          • 屬性:全局屬性、事件屬性

          6.11、列表標(biāo)簽 - 有序列表

          • 標(biāo)簽:<ol><li>...</li><li>...</li></ol>
          • 作用:
            • 定義了一個(gè)有序列表,列表排序以數(shù)字來(lái)顯示
            • 使用
            • 標(biāo)簽來(lái)定義列表選項(xiàng)
          • 屬性:全局屬性、事件屬性

          5.12、表格標(biāo)簽

          • 標(biāo)簽:
            • 表格:<table></table>
            • 行:<tr></tr>
            • 單元格:<td></td>
          • 作用:定義表格
          • 屬性:全局屬性、事件屬性
            • border:定義表格是否有邊框

          6.13、表單域

          • 標(biāo)簽:<form></form>
          • 創(chuàng)建用戶(hù)輸入的HTML表單
          • 屬性:全局屬性、事件屬性
            • action:指定接收并處理表單信息的服務(wù)器URL地址
            • method:表單數(shù)據(jù)提交的方式
            • name:指定表單的名稱(chēng)

          6.14、表單標(biāo)簽

          • 標(biāo)簽:
          • 作用:定義了用戶(hù)可以在其中輸入的字段,輸入字段可以通過(guò)多種方式改變,取決于type的屬性
          • 屬性、全局屬性、事件屬性
            • type:規(guī)定要顯示input標(biāo)簽的元素的類(lèi)型
              • text:?jiǎn)涡形谋荆ú豢蓳Q行)
              • password:密碼輸入框
              • radio:?jiǎn)芜x框(配合name可以實(shí)現(xiàn)單選效果)
              • checkbox:復(fù)選框
              • button:普通按鈕
              • submit:提交按鈕
              • reset:重置按鈕
              • image:圖像形式的提交按鈕
              • file:文件域,點(diǎn)擊之后打開(kāi)文件選擇器
            • name:控件名稱(chēng),name相同則表示為同一組數(shù)據(jù)
            • value:指定input元素的值
            • size:顯示大小
            • checked:是否被選中
            • maxlength:控制輸入的最大字符長(zhǎng)度

          6.15、文本標(biāo)簽

          • 標(biāo)簽:
          • 定義一個(gè)多行的文本輸入控件
          • 屬性:全局屬性、事件屬性
            • cols:規(guī)定文本區(qū)域內(nèi)可見(jiàn)的寬度
            • disabled:規(guī)定禁用文本區(qū)域
            • name:規(guī)定文本區(qū)域的名稱(chēng)
            • readonly:規(guī)定文本區(qū)域?yàn)橹蛔x
            • rows:規(guī)定文本區(qū)域內(nèi)可見(jiàn)的行
            • placeholder:規(guī)定一個(gè)簡(jiǎn)短的提示,描述文本區(qū)域內(nèi)期望的輸入值

          6.16、下拉菜單

          • 標(biāo)簽:…
          • 作用:
            • 用來(lái)創(chuàng)建下拉列表
            • 中的標(biāo)簽定義了列表中的可用選項(xiàng)
          • 屬性:全局屬性、事件屬性
            • isabled:當(dāng)屬性為true時(shí),會(huì)禁用下拉列表
            • multiple:當(dāng)屬性為true時(shí),可選擇多個(gè)選項(xiàng)
            • name:定義下拉列表的名稱(chēng)
            • size:規(guī)定下拉列表中可見(jiàn)選項(xiàng)的數(shù)目

          霍格沃茲的測(cè)試管理班是專(zhuān)門(mén)面向測(cè)試與質(zhì)量管理人員的一門(mén)課程,通過(guò)提升從業(yè)人員的團(tuán)隊(duì)管理、項(xiàng)目管理、績(jī)效管理、溝通管理等方面的能力,使測(cè)試管理人員可以更好的帶領(lǐng)團(tuán)隊(duì)、項(xiàng)目以及公司獲得更快的成長(zhǎng)。提供 1v1 私教指導(dǎo),BAT 級(jí)別的測(cè)試管理大咖量身打造職業(yè)規(guī)劃。

          要實(shí)現(xiàn)一個(gè)面部識(shí)別的功能究竟該怎么做?在本文中,我們將以 JavaScript 庫(kù) pico.js 為依托,手把手教你如何為一款應(yīng)用添加面部檢測(cè)功能。

          作者 | Jonathan Freeman

          譯者 | 彎月,責(zé)編 | 屠敏

          出品 | CSDN(ID:CSDNnews)

          以下為譯文:

          在本文中,我們將使用pico.js添加簡(jiǎn)單的面部檢測(cè)。Pico.js是一個(gè)很小的JavaScript庫(kù),目前它還是一個(gè)近似于概念驗(yàn)證的庫(kù),還不能用于生產(chǎn)環(huán)境,但在我研究過(guò)的人臉檢測(cè)庫(kù)中,Pico.js的效果最佳。

          本文的目標(biāo)首先是在地圖上通過(guò)一個(gè)紅點(diǎn)顯示用戶(hù)的頭部位置:

          首先,我們創(chuàng)建一個(gè)包含pico.js功能的簡(jiǎn)單React類(lèi),然后用它來(lái)獲取用戶(hù)臉部的位置:

          <ReactPico onFaceFound={(face) => {this.setState({face})}} />

          接下來(lái),如果檢測(cè)到面部,我們就使用其位置信息來(lái)渲染組件:

          {face && <FaceIndicator x={face.totalX} y={face.totalY} />}

          我們?cè)谑褂胮ico.js時(shí)所面臨的第一個(gè)難題是,它是JavaScript的研究項(xiàng)目的實(shí)現(xiàn),不一定是遵循現(xiàn)代JavaScript標(biāo)準(zhǔn)的面向生產(chǎn)環(huán)境的庫(kù)。除此之外,你還不能直接使用yarn add picojs。雖然pico.js的入門(mén)教程是一個(gè)很好的入門(mén)級(jí)別的對(duì)象檢測(cè),但這個(gè)教程更像是一篇研究論文而不像API文檔。但是,其中提供的示例足夠代碼使用。我花了幾個(gè)小時(shí)將該教程提供的樣本代碼放入了一個(gè)相對(duì)簡(jiǎn)單的React類(lèi)中。

          pico.js需要做的第一件事就是加載級(jí)聯(lián)模型,該模型會(huì)進(jìn)行一個(gè)AJAX調(diào)用,而這個(gè)調(diào)用會(huì)引入預(yù)先訓(xùn)練好的模型的二進(jìn)制文件。(你也可以使用pico.js來(lái)檢測(cè)其他類(lèi)型的對(duì)象,但你需要使用官方的pico實(shí)現(xiàn)來(lái)自己訓(xùn)練模型。)我們可以在componentDidMount方法中加載模型。為了清楚起見(jiàn),我進(jìn)一步將示例代碼抽象為另一個(gè)名為loadFaceFinder的方法:

          componentDidMount {
          this.loadFaceFinder;
          }
          loadFaceFinder {
          const cascadeurl = 'https://raw.githubusercontent.com/nenadmarkus/pico/c2e81f9d23cc11d1a612fd21e4f9de0921a5d0d9/rnt/cascades/facefinder';
          fetch(cascadeurl).then((response) => {
          response.arrayBuffer.then((buffer) => {
          var bytes = new Int8Array(buffer);
          this.setState({
          faceFinder: pico.unpack_cascade(bytes)
          });
          new camvas(this.canvasRef.current.getContext('2d'), this.processVideo);
          });
          });
          }

          除了獲取和解析人臉檢測(cè)模型的二進(jìn)制文件并設(shè)置到state中之外,我們還創(chuàng)建了一個(gè)新的camvas,它引用了<canvas>上下文和一個(gè)回調(diào)處理程序。camvas庫(kù)從用戶(hù)的網(wǎng)絡(luò)攝像頭將視頻加載到canvas上,并針對(duì)渲染的每一幀調(diào)用處理程序。loadFaceFinder的代碼幾乎與pico.js提供的參考項(xiàng)目相同。我們只是更改了存儲(chǔ)模型的位置,以便可以利用state訪問(wèn),我們通過(guò)React的Ref(而不是使用瀏覽器提供的DOM API)來(lái)引用我們的canvas上下文。

          我們的this.processVideo也幾乎與參考項(xiàng)目中提供的代碼相同。我們只需要稍微做一些改動(dòng)。我們希望只在加載模型時(shí)執(zhí)行代碼,因此我們?cè)诖a的整個(gè)主體外又添加一個(gè)檢查。我還用我們希望用戶(hù)傳入的回調(diào)處理程序創(chuàng)建了這個(gè)React類(lèi),因此只有在定義了該處理程序時(shí),才會(huì)運(yùn)行處理代碼:

          processVideo = (video, dt) => {
          if(this.state.faceFinder && this.props.onFaceFound) {
          /* all the code */
          }
          }

          我只改動(dòng)了一個(gè)地方:在檢測(cè)到面部時(shí)作何處理。pico.js示例在canvas繪制了一些圓圈,但我們希望將數(shù)據(jù)傳遞回我們的回調(diào)處理程序。讓我們稍微修改一下代碼, 以方便我們的回調(diào)處理程序更容易地處理這些值:

           this.props.onFaceFound({
          x: 640 - dets[i][1],
          y: dets[i][0],
          radius: dets[i][2],
          xRatio: (640 - dets[i][1]) / 640,
          yRatio: dets[i][0] / 480,
          totalX: (640 - dets[i][1]) / 640 * window.innerWidth,
          totalY: dets[i][0] / 480 * window.innerHeight,
          });

          這種格式允許我們傳回在捕獲到的canvas元素中面部的絕對(duì)位置和半徑,面部相對(duì)于canvas元素的相對(duì)位置,以及面部相對(duì)于canvas元素的位置映射到整個(gè)頁(yè)面后的位置。到這里我們自定義的類(lèi)就基本完成了。接下來(lái),我還需要對(duì)pico.js和pico版本的camvas.js進(jìn)行一些小改動(dòng)才能使用現(xiàn)代語(yǔ)法,但這些只是關(guān)鍵字的變化,不涉及邏輯關(guān)系。

          現(xiàn)在,我們可以將我們的自定義ReactPico類(lèi)導(dǎo)入到我們的應(yīng)用程序中,渲染,并在我們檢測(cè)到面部時(shí)有條件地渲染FaceIndicator類(lèi)。在嘗試了其他一些人臉檢測(cè)庫(kù)之后,我很驚喜地發(fā)現(xiàn)pico.js的準(zhǔn)確性和可用性非常高,盡管它還不是一個(gè)完全成熟的庫(kù)。

          原文:https://www.infoworld.com/article/3403019/javascript-tutorial-add-face-detection-to-your-web-app.html

          本文為 CSDN 翻譯,轉(zhuǎn)載請(qǐng)注明來(lái)源出處。

          【End】


          主站蜘蛛池模板: 99精品高清视频一区二区| 国产suv精品一区二区33| 精品国产精品久久一区免费式| 精品无人区一区二区三区在线| 日本一区二区三区在线观看视频| 久久久精品日本一区二区三区| 亚洲视频在线观看一区| 人妻在线无码一区二区三区| 99精品高清视频一区二区| 国产一区精品视频| 激情无码亚洲一区二区三区| 精品国产一区二区三区色欲| 91久久精品一区二区| 免费一区二区三区| 国产高清在线精品一区小说| 视频一区视频二区在线观看| 偷拍精品视频一区二区三区| 无码AV动漫精品一区二区免费| 国产拳头交一区二区| 青娱乐国产官网极品一区| 日韩精品一区二区三区在线观看| 无码人妻精品一区二区蜜桃| 一区二区三区日韩| 日韩精品一区二区亚洲AV观看| 无码人妻少妇色欲AV一区二区| 久久se精品一区精品二区国产| а天堂中文最新一区二区三区| 日韩精品免费一区二区三区| 日韩一区二区三区精品| 国产一区二区不卡在线播放| 97精品国产一区二区三区| 无码人妻视频一区二区三区| 精品一区二区三区在线观看视频| 色偷偷久久一区二区三区| 国模私拍一区二区三区| 综合无码一区二区三区四区五区| 无码一区二区三区免费视频| 国产传媒一区二区三区呀| 精品乱人伦一区二区三区| 在线成人综合色一区| 日韩一本之道一区中文字幕|