svg-animate

1热度

1回答

我想创建心电图动画，就像在下面的视频中一样。 https://www.youtube.com/watch?v=Q_gzl_E7jmw 下面是我当前的代码：为支持IE <style> svg { height: 600px; width: 1200px; } path { stroke: #259798; stroke-width: 2px;

3热度

1回答

反应js - 使用svg线性渐变不起作用

我有一个圆圈和一个斜纹填充它，我放入渐变并通过样式填充调用他的路径。 import React,{PropTyoes} from 'react'; import {connect} from 'react-redux'; import * as Actions from '../controllers/Actions'; export default class MyComp exte

2热度

2回答

SVG动画线不工作

我想创建一个效果，即烟出来的船只像这个例子烟出来咖啡杯的，但我不能这样做。这里是显示我尝试的jsfiddle： SVG代码为： <?xml version="1.0" encoding="UTF-8"?> <svg width="150px" height="127px" viewBox="0 0 150 127" version="1.1" xmlns="http://www

1热度

1回答

将多边形动画重置时将鼠标悬停在文字上

我正在尝试创建SVG动画。我创建了一个多边形。在鼠标悬停时，它正在显示文本，并且多边形已根据我的需要更改了自己的形状。但是，当我要将鼠标悬停在此文本上时，多边形动画将重置。我希望这些动画保持不变，这可能是多边形形状或文本本身的问题。这里是我的代码： jQuery(document).ready(function(){ jQuery('#poly1').mouseover(fu

1热度

1回答

CSS动画更改元素位置

我在圆圈内有一个六边形。看到初始场景：https://jsfiddle.net/njzwfvpf/ 现在我想添加动画旋转六边形360deg圆这是用CSS动画的现有方案（fiddle here）内： .rotate { -webkit-animation: rotating 3s cubic-bezier(0, 0, 1, 1) infinite alternate;

0热度

1回答

Snap.SVG边缘/ IE浏览器 - jQuery动画停止

嗨我有一个动画只是停止在IE和EDGE（罚款在Chrome中）运行的问题。我得到了“文本后”的提示，但“textone1”等的不透明度仍然在开发工具中为0，IE完全停止了动画。我确实在IE中得到一个控制台错误“对象不支持属性或方法'getCTM' - snap.svg-min.js（19,26680）”，这是我在Chrome中没有得到的。下面是运行时，它停止代码： HTML： <g xmln

1热度

1回答

如何使用CSS3为SVG的某个部分制作动画？

我对嵌入HTML中的SVG动画不太熟悉，但这是我试图做的。我有一个SVG图像在我的网站，像这样： <?xml version="1.0" encoding="utf-8"?>  <svg version="1

1热度

1回答

SVG动画不能用于第一次加载[火狐]

我需要为我的页面加载动画，这就是为什么我找到this page (loading.io)。您可以创建自己的动画并导出到css/gif/svg。我下载了SVG。我说的一切项目 - 这是我的一段代码： .something{ background-color: #000; background-image: url(img/rolling.svg); } ，现在我有一个问

0热度

1回答

SVG动画 - 从顶部50px后反向和停止

如何反转SVG动画...需要动画从顶部到底部？而且我想50像素后停止轮从顶部（从0到50像素有动画和停止） svg { border: 3px solid #eee; display: block; margin: 1em auto; } p { color: #aaa; text-align: center;

0热度

1回答

svg填充路径动画问题

我正在研究svg动画，并试图仅填充一次字母。当它们被填满时，动画必须停止。 <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 2000 688" enable-backgr