SVG动画和Javascript相当新。我从Illustrator生成了一个svg文件，用Kraken.io对其进行了优化，并在使用Velocity.js在codepen中尝试动画。
我有一个对象（路径）和另一个隐藏在其后面的对象（路径），它们在mouseenter上淡入。隐藏对象按g容器分组，由defs定义，然后用于剪贴蒙版。问题是，如果鼠标移动到对象中，动画就会闪烁。
Codepen：http://codepen.io/malloryajk/pen/bwxyvB
> install.packages(gtrendsR)
Error in install.packages : object 'gtrendsR' not found
> install.packages("gtrendsR")
Installing package into ‘C:/Users/Rafael/Documents/R/win-library/3.3’
(as ‘lib’ is unspecified)
trying URL 'https://cran.rstudio.com/bin/windows/contrib/3.3/gtrendsR_1.3.4.zip'
Content type 'application/zip' length 1067912 bytes (1.0 MB)
downloaded 1.0 MB
package ‘gtrendsR’ successfully unpacked and MD5 sums checked
The downloaded binary packages are in
C:\Users\Rafael\AppData\Local\Temp\Rtmp4iqNMv\downloaded_packages
> library("gtrendsR")
Error in loadNamespace(j <- i[[1L]], c(lib.loc, .libPaths()), versionCheck = vI[[j]]) :
there is no package called ‘Rcpp’
Error: package or namespace load failed for ‘gtrendsR’
我发现了这个回复：d3.js - mouseover event not working properly on svg group
我知道它是闪烁的，因为g是一个无形的容器，我可以在mouseenter上添加一个矩形。我的问题是，有没有办法使用defs维度？我认为我可以告诉g容器采取defs维度，或者我可以在defs路径上监听mouseenter，但我无法工作。
任何帮助表示赞赏！