html5的視頻不能選擇清晰度,肯定不可以的,不能操作原生的,只能播放而已。

站在用戶的角度思考問題,與客戶深入溝通,找到石嘴山網(wǎng)站設(shè)計與石嘴山網(wǎng)站推廣的解決方案,憑借多年的經(jīng)驗,讓設(shè)計與互聯(lián)網(wǎng)技術(shù)結(jié)合,創(chuàng)造個性化、用戶體驗好的作品,建站類型包括:網(wǎng)站設(shè)計、成都網(wǎng)站制作、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣、申請域名、雅安服務(wù)器托管、企業(yè)郵箱。業(yè)務(wù)覆蓋石嘴山地區(qū)。
不光繪制圖片,在高分屏下,繪制文字和線條都會出現(xiàn)模糊的現(xiàn)象,GitHub上有一個hidpi-canvas-polyfill可以很好的解決這個問題,但是沒有對圖片進行處理。如果你了解了原因,解決這個問題也很容易。
首先,引入上方這個polyfill;
然后,得到devicePixelRatio和backingStorePixelRatio的比例,可以使用下面的方法
var getPixelRatio = function(context) {
var backingStore = context.backingStorePixelRatio ||
context.webkitBackingStorePixelRatio ||
context.mozBackingStorePixelRatio ||
context.msBackingStorePixelRatio ||
context.oBackingStorePixelRatio ||
context.backingStorePixelRatio || 1;
return (window.devicePixelRatio || 1) / backingStore;
};
//調(diào)用
var ratio = getPixelRatio(ctx);
之后,在調(diào)用ctx.drawImage()的時候,給width和height乘以ratio,如下:
1
ctx.drawImage(document.querySelector('img'), 10, 10, 300 * ratio, 90 * ratio);
首先是你的原始圖分辨率要高~
要用小圖片 可以用fontawesome 庫 是矢量的
網(wǎng)頁標(biāo)題:html5清晰度,html5寬度
地址分享:http://chinadenli.net/article17/dsiicdj.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供軟件開發(fā)、Google、網(wǎng)站維護、定制開發(fā)、手機網(wǎng)站建設(shè)、企業(yè)建站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)