第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機(jī)立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

檢測不支持HTML5 <canvas>的最佳方法

檢測不支持HTML5 <canvas>的最佳方法

慕工程0101907 2019-12-10 10:01:14
處理瀏覽器不支持HTML5 <canvas>標(biāo)簽的情況的標(biāo)準(zhǔn)方法是嵌入一些后備內(nèi)容,例如:<canvas>Your browser doesn't support "canvas".</canvas>但是頁面的其余部分保持不變,這可能是不合適的或令人誤解的。我想要某種檢測畫布不受支持的方法,以便可以相應(yīng)地顯示頁面的其余部分。你會推薦什么?
查看完整描述

3 回答

?
慕標(biāo)5832272

TA貢獻(xiàn)1966條經(jīng)驗 獲得超4個贊

這是Modernizr以及基本上所有其他執(zhí)行畫布工作的庫中使用的技術(shù):


function isCanvasSupported(){

  var elem = document.createElement('canvas');

  return !!(elem.getContext && elem.getContext('2d'));

}

由于您的問題是在不支持的情況下用于檢測,因此我建議像這樣使用它:


if (!isCanvasSupported()){ ...


查看完整回答
反對 回復(fù) 2019-12-10
?
慕田峪7331174

TA貢獻(xiàn)1828條經(jīng)驗 獲得超13個贊

getContext創(chuàng)建畫布對象時,通常會進(jìn)行檢查。


(function () {

? ? var canvas = document.createElement('canvas'), context;

? ? if (!canvas.getContext) {

? ? ? ? // not supported

? ? ? ? return;

? ? }


? ? canvas.width = 800;

? ? canvas.height = 600;

? ? context = canvas.getContext('2d');

? ? document.body.appendChild(canvas);

}());

如果支持,則可以繼續(xù)畫布設(shè)置并將其添加到DOM。這是“ 漸進(jìn)增強(qiáng)”的簡單示例,我(個人)更喜歡“優(yōu)雅降級”。


查看完整回答
反對 回復(fù) 2019-12-10
  • 3 回答
  • 0 關(guān)注
  • 1011 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號