Skip to content

Canvas 的 globalAlpha 属性

Published: at 10:09 AMSuggest Changes

看到这么一处代码,很有意思,裂图用透明图片进行替换。

然后了解了一下 globalAlpha 属性的作用,这儿 mark 一下,其实就是 canvas 的透明度

globalAlpha - MDN

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

// 2020-12-16 10:39:55 IE 兼容 IE 不支持该方法
if (canvas.getContext) {
  canvas.getContext('2d').globalAlpha = 0.0;
}
var images = {};

var getTransparent = function (src, w, h) {
  if (images[src]) return images[src];
  canvas.width = w;
  canvas.height = h;
  var data = canvas.toDataURL('image/png');
  images[src] = data;
  return data;
};

Previous Post
IE 兼容性问题及解决方法:在 head 中添加 meta 信息
Next Post
JavaScript 四舍五入方法