在下面的SVG文档中，第一个矩形的不透明度是使用calcMode=discrete动画化的，并像我所期望的那样上下闪烁。第二个矩形应该使用calcMode=linear动画，但在Chrome或Firefox中看不到动画。<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 400 500">
<rect
浏览 2提问于2014-03-26得票数 1
回答已采纳
我正在使用一个基本的SVG加载程序，而我的站点做一些繁重的JS工作，但它几乎没有动画。我能做些什么让它在浏览器中获得优先权吗？我很高兴JS的执行速度会慢到0.01 s，如果这意味着SVG将正确地动画。<svg width="42" height="42" viewBox="0 0 42 42" xmln
浏览 2提问于2018-10-16得票数 2
回答已采纳
我的html中有一个SVG：此SVG包含三个圆圈，这些圆圈是以动画内联方式旋转和更改其cy-和cx-位置的：
<svg width="57" height="57" viewBox="0 0 57 57" xml
浏览 3提问于2016-08-10得票数 0
我有以下SVG文档：https://jsfiddle.net/724vgh5z/ 我希望每次红色矩形完成一个完整的圆时，蓝色矩形旋转6度。 它几乎可以工作，但蓝色矩形总是从0度开始。
浏览 34提问于2021-07-21得票数 0
1回答
下面的svg在所有浏览器中都是完美的，除了Edge (惊喜！)。<svg width="80" height="24" viewBox="0 0 120 30" xmlns="http://www.w3.org/2000/svg" fill="#555">attributeName="r" from="15" to="15"
浏览 6提问于2020-04-08得票数 0
回答已采纳
正如我在小提琴中所演示的那样，我希望SVG在它上方盘旋时能放大。但同时，我想在圆圈上写一些文字。在小提琴里，“你好”和“世界”。div, background-color: grey; width: 600px;<h1> test </h1> <svg xmlns="http://www.w3.org&#x
浏览 4提问于2016-02-18得票数 0
回答已采纳
我有一个动画svg ()，它的工作时内联…但是，当我将svg转换为符号，以便可以使用xlink:href在任何地方访问它时……浏览器似乎从svg中去掉了动画标签。内联SVG：找不到任何关于这是否是预期行为的文档，所以请在这里询问是否有人知道。谢谢:)这是svg“精灵工作表”的一个片段。下面是它是如何包含在html中的： <use xlink:href="sprites.svg#ic
浏览 2提问于2014-11-11得票数 0
1回答
例如，我想制作一个SVG加载器动画。<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 590 100">
<circle id="a1" cx="70" cy="70" r="20attributeName="visibi
浏览 2提问于2016-09-29得票数 0
回答已采纳
我想要一个loader.svg文件。，这就是它应该看起来的样子。，我无法从它们各自的起源中得到星星的尺度。以下是SVG文件代码：<div class="container">
<svg width="90px" height="30px" viewBox="0 0 90 30" xmlns="http://www.w
浏览 5提问于2020-02-04得票数 2
回答已采纳
2回答
我正在构建一组SVG icons，我需要将动画包含在SVG文件-，没有Javascript或没有CSS。这样做的目的是要有独立的SVG文件，可以像我的html代码(如<img src="my-icon.svg"> )那样添加这些文件。SVG文件如下所示：
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="ht
浏览 3提问于2019-05-20得票数 2
3回答
SVG动画部署
、、、
我有一个网站，我正在创建，我有一个SVG，我有动画。我想要的是使我的动画在页面加载后的一段时间内不开始。在n秒钟后，我希望SVG动画开始。我不知道从哪里开始，我希望得到一些帮助。谢谢。JSFiddle： width: 700px; position: absolute;svg path:nth-child(1){ stroke-dashoffset: 0;
animation:
浏览 1提问于2018-05-23得票数 1
回答已采纳
1回答
这个svg应该显示在很小的范围内，所以svg周围的空白引起了问题，我如何减少它，使只有加载程序在那里，而没有空白区域。
浏览 5提问于2019-04-30得票数 1
回答已采纳
<svg height="50" viewBox="0 0 16 10"> <rectclass="vertical" width="2" x="5">
<animate calcMode="splin
浏览 0提问于2017-03-24得票数 0
1回答
无法将此SVG作为Google地图上的标记动画<svg width="120px" height="120px" viewBox="0 0 120 120" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink&qu
浏览 3提问于2016-07-15得票数 5
回答已采纳
2回答
我今天读了这篇SVG的袖珍指南，从中学到了很多，但是……它不包括动画。我需要一些指导如何做一个简单的动画。我不需要框架之间的任何过渡，我只想定义帧一的形状，帧二的形状，等等。DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg
浏览 24提问于2021-04-25得票数 0
1回答
我正在尝试在一个SVG中制作3个独立的圆的动画。我让他们动起来了，但是他们已经把位置移到了左上角。attributeName="transform" attributeType="XML" dur="15s" repeatCount="indefinite" type="rotate" values="0;360" calcModeattributeName="transform" attributeType="
浏览 29提问于2020-03-20得票数 1
回答已采纳
有人知道如何使用SVG创建以下设计吗？我有SVG格式的路径图像，所以我在中创建了路径，现在我需要在路径上按随机顺序添加圆。任何线索都将不胜感激。 <Svg width={395.215}
height={180.855100.623 47.453-4.982 51.241-65.74 24.858
浏览 3提问于2021-05-06得票数 0
1回答
我刚刚开始玩SVG并给它们动画。我在中创建了一个矢量设计，并将其导出为SVG，然后将其动画化。灵感来源于克里斯·甘农的SVG钻石。不同的是，我尝试使用html和内联样式来创建它。我将SVG称为背景图像，它依赖于页面上显示的一些元素。SVG在滚动或与页面上的其他元素交互时都会运行一些波动。我最好的猜测是，我的SVG是低效率的，因为这是我的第一次尝试。还是通过JS呈现SVG并控制脚本中的动画？<svg class="diamon
浏览 9提问于2022-08-01得票数 1
回答已采纳
我的工作是SVG-Animation (加载器图标)。除了我的圆圈的加速和减速之外，一切都很好，我想让它们快速加速，然后慢慢停止。 下面是我的代码： <?-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In .SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Ebene_1" xmlns="http://www.w
浏览 60提问于2018-12-21得票数 0
云服务器
ICP备案
对象存储
云直播
腾讯会议
腾讯云开发者
