當(dāng)然百度出上W條答案
上代碼,相信下面代碼和小伙伴大同吧
相信好多做webview app的小伙伴們都有同樣的問題丛肮,在pc上能輕松實(shí)現(xiàn)video 抓圖赡磅。但是在android手機(jī)大多是不支持canvas.getContext('2d').drawImage方法的。真是心中有一萬個(gè)草泥馬出現(xiàn)宝与。
那當(dāng)然要做上下兼容了焚廊。這時(shí)cordova-plugin-crosswalk-webview就好好用了(Crosswalk作為一款開源的web引擎冶匹,是為了解決android 低系統(tǒng)版本適配的問題而存在的,具體還是請(qǐng)看官網(wǎng)吧咆瘟。)
https://crosswalk-project.org/index_zh.html
用ionic cordova plugin add cordova-plugin-crosswalk-webview后再打包app嚼隘。完美解決android手機(jī)不支持canvas.getContext('2d').drawImage方法。
canvas.getContext('2d').drawImage(video,0,0,canvas.width,canvas.height);
let image=canvas.toDataURL('image/png');
后的image是一個(gè)base64圖片袒餐》捎迹可以用cordova-base64-to-gallery(http://ionicframework.com/docs/native/base64-to-gallery/)
最后上代碼
大功告成。灸眼。卧檐。。焰宣。霉囚。