1

因此,根据这篇文章,您可以使用以下方法对画布混合模式进行功能测试:

Modernizr.addTest('canvasblending', function () {
   if (Modernizr.canvas === false) return false;
   var ctx = document.createElement('canvas').getContext('2d');
   ctx.globalCompositeOperation = 'screen';
   return ctx.globalCompositeOperation == 'screen';
});

这会在 Chrome 27 中返回误报。

4

1 回答 1

2

我写了一些确实有效的东西,但它非常难看,但我认为它可以帮助别人或者我们可以得到更好的东西。这是我想出的:

Modernizr.addTest('canvasblending', function() {
  if ( ! Modernizr.canvas ) return false;
  var canvas = document.createElement('canvas');
  canvas.width = 1;
  canvas.height = 1;
  var ctx = canvas.getContext('2d');
  ctx.fillStyle = '#000';
  ctx.fillRect(0,0,1,1);
  ctx.globalCompositeOperation = 'multiply';
  ctx.fillStyle = '#fff';
  ctx.fillRect(0,0,1,1);
  return ctx.getImageData(0,0,1,1).data[0] === 0;
});
于 2013-07-09T16:21:07.633 回答