【问题标题】:Are there browsers that support CSS rotation but no canvas?是否有支持 CSS 旋转但不支持画布的浏览器?
【发布时间】:2013-02-14 01:47:50
【问题描述】:

我使用 Canvas 和 Rafaël 库构建了一些东西,我需要旋转元素(路径或图像)。您可以拖动右下角的圆圈,手臂会适当伸展。

http://wstaw.org/m/2013/02/13/Auswahl_001_1.png

它应该适用于不支持 Canvas 的旧版浏览器,因此出现了 CSS 旋转。使用 position: absolute img 元素、jQuery 和 CSS 旋转作为后备来重建这个 Canvas 东西是否有意义?

【问题讨论】:

  • 在创建这样的项目时确定每个浏览器能做什么和不能做什么是个好主意。从一个兼容所有浏览器的基础项目开始,然后构建。这是progressive enhancement 的想法。为了帮助确定哪些浏览器支持哪些功能,您可能需要查看modernizr。它使用功能检测,并提供了一种使用 yepnope.js 向不支持特定功能的浏览器添加 polyfills 支持的方法。

标签: html canvas html5-canvas


【解决方案1】:

您可以在此处查看支持状态:

http://caniuse.com/#search=transform

http://caniuse.com/#search=canvas

很快,看起来 canvas 比旋转所需的 CSS3 变换 更受支持。所以我认为你的想法可能行不通。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2011-08-01
    • 2012-01-02
    • 1970-01-01
    • 2014-02-01
    • 1970-01-01
    • 1970-01-01
    • 2017-01-31
    • 1970-01-01
    相关资源
    最近更新 更多