真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

canvas怎么繪制視頻封面-創(chuàng)新互聯(lián)

小編給大家分享一下canvas怎么繪制視頻封面，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

在華龍等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強(qiáng)發(fā)展的系統(tǒng)性、市場(chǎng)前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務(wù)理念，為客戶提供成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作 網(wǎng)站設(shè)計(jì)制作按需定制,公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),品牌網(wǎng)站設(shè)計(jì),成都營(yíng)銷網(wǎng)站建設(shè),成都外貿(mào)網(wǎng)站制作,華龍網(wǎng)站建設(shè)費(fèi)用合理。

一、需求：上傳視頻，同時(shí)截取視頻某一幀作為視頻的封面。

canvas怎么繪制視頻封面

二、實(shí)現(xiàn)思路：利用canvas繪制圖像的功能，繪制圖像某一幀，這里繪制了第一幀，很簡(jiǎn)單就實(shí)現(xiàn)了。

三、代碼：





    
    capture screen
    
        video,#container{width: 300px;height: 200px;}
        #container>img{width: 100%;}
    


    
        
    
    
             (function() {             var video, container;             var scale = 0.8;             var initialize = function() {                 container = document.getElementById("container");                 video = document.getElementById("video");                 video.addEventListener('loadeddata', captureImage);             };             var captureImage = function() {                 var canvas = document.createElement("canvas");                 canvas.width = video.videoWidth * scale;                 canvas.height = video.videoHeight * scale;             canvas.getContext('2d').drawImage(video, 0, 0, canvas.width, canvas.height);                 var img = document.createElement("img");                 img.src = canvas.toDataURL("image/png");//轉(zhuǎn)換成base64圖片，地址拿出來(lái)就可以直接使用                 container.appendChild(img);             };             initialize();         })();     

以上是“canvas怎么繪制視頻封面”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！


本文標(biāo)題：canvas怎么繪制視頻封面-創(chuàng)新互聯(lián)
新聞來(lái)源：http://weahome.cn/article/dhdosh.html

其他資訊

在線咨詢

微信咨詢

電話咨詢

028-86922220（工作日）

18980820575（7×24）

提交需求

返回頂部