0

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

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

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

4

2 回答 2

0

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

于 2013-05-11T13:44:12.000 回答
0

试试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>

于 2013-05-11T13:28:10.547 回答