[Webkit-unassigned] [Bug 43890] New: using SVG mask in CSS with animate doesn't animate

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Wed Aug 11 18:02:59 PDT 2010


https://bugs.webkit.org/show_bug.cgi?id=43890

           Summary: using SVG mask in CSS with animate doesn't animate
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: PC
        OS/Version: Mac OS X 10.5
            Status: UNCONFIRMED
          Severity: Normal
          Priority: P2
         Component: CSS
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: silviapfeiffer1 at gmail.com


Webkit Version 5.0.1 (6533.17.8, r63640)

I use a SVG mask as follows on a video in HTML via CSS:

SVG file:
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg"
   xmlns:xlink="http://www.w3.org/1999/xlink">
       <circle id="circle" cx="240" cy="135" r="135" fill="black" pointer-events="all">
        <animate attributeName="r" values="150;240;150" begin="mouseover" dur="3s" repeatCount="10" />
      </circle>
</svg>

HTML file:
<!DOCTYPE html>
<html lang="en">
  <body>
    <style>
      .target {
        -webkit-mask: url("test.svg");
      }
    </style>
    <video class="target" height="270px" width="480px" controls >
        <source src="HelloWorld.mp4"  type="video/mp4">
        <source src="HelloWorld.webm" type="video/webm">
        <source src="HelloWorld.ogv"  type="video/ogg">
    </video>
  </body>
</html>

The SVG file by itself works and animates the circle.
And the circle mask is applied to the video.
But the animation is not executed as part of the mask on the video.

-- 
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug.



More information about the webkit-unassigned mailing list