使用动画将图像添加到svg形状

时间:2018-10-24 12:30:45

标签: html css svg

我想将图像添加到我的svg形状(圆形)中,但无法完全显示该图像。该圆具有在路径中移动的动画。 我可以在svg形状中添加一个滑块,以便每次它显示不同的图像

attr > 0
.marker {
  motion-path: path('M 5.1 22.1 m 18, 0  a 18,18 0 1,0 -36,0');
  offset-path: path('M 5.1 22.1 m 18, 0  a 18,18 0 1,0 -36,0');
  animation: move 9s linear infinite;
}

@keyframes move {
  100% {
    motion-offset: 100%;
    offset-distance: 100%;
  }
}

0 个答案:

没有答案