如何检查我的浏览器是否支持HTML5 Canvas混合模式?

维杰·库玛(Vijay Kumar)

如何以编程方式查找我的浏览器是否支持HTML5混合模式(http://www.w3.org/TR/compositing-1/#mix-blend-mode)?

我的代码结构如下

    var canvas = document.getElementById("Canvas");
    var context = canvas.getContext("2d");

    context.fillStyle = "#fff";
    context.fillRect(0, 0, canvas.width, canvas.height);

    context.globalCompositeOperation = "source-over"
    context.globalCompositeOperation = "soft-light";
    if (context.globalCompositeOperation){
      //browser supports
      alert('true');
    }
    else {
      // browser doesn't support
      alert('false');
    }

但这似乎不正确。即使在IE中,它也会警告“ true”。http://caniuse.com/#search=blend表示IE中不支持混合模式)

盲人67

你应该用

context.globalCompositeOperation = blendMode;
if (context.globalCompositeOperation !== blendMode){
     // not supported mode
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

浏览器是否支持不同的HTML5模式正则表达式功能?

来自分类Dev

手机浏览器中的html5 canvas支持

来自分类Dev

HTML5 Canvas 从浏览器缓存加载图像

来自分类Dev

Angular html5模式和HAL浏览器

来自分类Dev

使Html5 Canvas及其包含的图像在浏览器中响应

来自分类Dev

Webkit浏览器<535(Android native / ios5 Safari)HTML5 Canvas单击错误

来自分类Dev

如何检测浏览器是否支持HTML 5

来自分类Dev

我是否混合了不同的设计模式?

来自分类Dev

跨浏览器在HTML5 Canvas上放置文本不一致

来自分类Dev

检查HTML5 Canvas上的像素是否为黑色

来自分类Dev

如何使用混合混合模式操作文本颜色

来自分类Dev

如何在Python中创建混合模式

来自分类Dev

Grails如何支持HTML5离线模式?

来自分类Dev

使用Dart检查浏览器中是否提供HTML5 API

来自分类Dev

使用Dart检查浏览器中是否提供HTML5 API

来自分类Dev

如何检查浏览器是否支持<input type =“ time” />

来自分类Dev

如何检查浏览器是否支持Webanimation API?

来自分类Dev

如何检查浏览器是否支持webkit目录?

来自分类Dev

如何检查浏览器是否支持影子DOM

来自分类Dev

如何检查浏览器是否支持css值?

来自分类Dev

如何最好地显示浏览器不支持HTML5 <range>元素的消息?

来自分类Dev

检查ionic应用程序是否处于开发服务模式(浏览器)

来自分类Dev

检查浏览器是否支持MutationObserver

来自分类Dev

浏览器如何确定HTML5视频标签是否显示全屏按钮?

来自分类Dev

浏览器如何确定HTML5视频标签是否显示全屏按钮?

来自分类Dev

html5 canvas是否支持带alpha的十六进制颜色?

来自分类Dev

html5 canvas是否支持带alpha的十六进制颜色?

来自分类Dev

如何检查浏览器对AngularJS的支持?

来自分类Dev

如何检查浏览器对AngularJS的支持?

Related 相关文章

  1. 1

    浏览器是否支持不同的HTML5模式正则表达式功能?

  2. 2

    手机浏览器中的html5 canvas支持

  3. 3

    HTML5 Canvas 从浏览器缓存加载图像

  4. 4

    Angular html5模式和HAL浏览器

  5. 5

    使Html5 Canvas及其包含的图像在浏览器中响应

  6. 6

    Webkit浏览器<535(Android native / ios5 Safari)HTML5 Canvas单击错误

  7. 7

    如何检测浏览器是否支持HTML 5

  8. 8

    我是否混合了不同的设计模式?

  9. 9

    跨浏览器在HTML5 Canvas上放置文本不一致

  10. 10

    检查HTML5 Canvas上的像素是否为黑色

  11. 11

    如何使用混合混合模式操作文本颜色

  12. 12

    如何在Python中创建混合模式

  13. 13

    Grails如何支持HTML5离线模式?

  14. 14

    使用Dart检查浏览器中是否提供HTML5 API

  15. 15

    使用Dart检查浏览器中是否提供HTML5 API

  16. 16

    如何检查浏览器是否支持<input type =“ time” />

  17. 17

    如何检查浏览器是否支持Webanimation API?

  18. 18

    如何检查浏览器是否支持webkit目录?

  19. 19

    如何检查浏览器是否支持影子DOM

  20. 20

    如何检查浏览器是否支持css值?

  21. 21

    如何最好地显示浏览器不支持HTML5 <range>元素的消息?

  22. 22

    检查ionic应用程序是否处于开发服务模式(浏览器)

  23. 23

    检查浏览器是否支持MutationObserver

  24. 24

    浏览器如何确定HTML5视频标签是否显示全屏按钮?

  25. 25

    浏览器如何确定HTML5视频标签是否显示全屏按钮?

  26. 26

    html5 canvas是否支持带alpha的十六进制颜色?

  27. 27

    html5 canvas是否支持带alpha的十六进制颜色?

  28. 28

    如何检查浏览器对AngularJS的支持?

  29. 29

    如何检查浏览器对AngularJS的支持?

热门标签

归档