Question

最近我开始用svg做一些工作，偶然发现了svg过滤器的想法。但是，很快我意识到ie 9.不支持此功能。

是否有人知道我可以应用的任何后备技术，以便我有与svg过滤器支持的视觉效果类似的视觉效果？

基本上我想在路径元素中应用阴影，模糊等滤镜。我以为我可以使用css3做到这一点，但似乎css 3并不完全适用于svg元素

Answer 1

尝试http://www.html5canvastutorials.com/advanced/html5-canvas-shadow-offset-tutorial/

<!DOCTYPE HTML>
<html>

<head>
  <style>
    body {
      margin: 0px;
      padding: 0px;
    }
  </style>
</head>

<body>
  <canvas id="myCanvas" width="578" height="200"></canvas>
  <script>
    var canvas = document.getElementById('myCanvas');
    var context = canvas.getContext('2d');

    context.rect(188, 40, 200, 100);
    context.fillStyle = 'red';
    context.shadowColor = '#999';
    context.shadowBlur = 20;
    context.shadowOffsetX = 15;
    context.shadowOffsetY = 15;
    context.fill();
  </script>
</body>

</html>

Answer 2

看看raphaeljs。 http://raphaeljs.com。您可以扩展它，或使用当前扩展来在IE中进行过滤

svg过滤器的替代选项，即9

2 个答案: