1回答
我想用gsap和svgs做“复杂”的动画。但我不知道最好的方法是什么。最好是创建并导入一个包含所有元素的唯一svg，或者是4个不同的svg更好？
我有4个不同的角色:一棵树，一盏灯，一张桌子和一个人。基本上我的动画是移动x上的物体，出现和消失的东西。
浏览 20提问于2016-08-21得票数 0
1回答
GSAP有这个插件，将触发动画的滚动，我想使用。我已经获得了一个工作的SVG动画(没有GSAP)：<svg width="596" height="255"> <linearGradient id="prog-mask" x1=0%>如前所述，这个SVG动画并没有与GSAP连接(如果它应该与ScrollTrigg
浏览 6提问于2021-02-02得票数 1
回答已采纳
/petri-dish.svg';
<svg> </svg>}我已经将svg作为React组件(Petri)导入。我还没能找到任何例子来帮助我用GSAP动画该组件。任何帮助都将不胜感激。
浏览 3提问于2019-11-17得票数 0
例如，为什么使用fill TweenMax在<symbol>中动画元素的属性，但是使用jQuery的attr()函数操作它一次就没有效果了？
。
浏览 2提问于2015-09-22得票数 1
回答已采纳
1回答
我只想用GreenSock从SVG映像中动画特定类的某些元素。要动画所有类的元素，我会这样做：现在，我如何选择一个(或多个)随机元素和动画他们这样。我想要做的是随机地轮流和无限期地给他们动画。
浏览 4提问于2019-11-28得票数 0
回答已采纳
1回答
我正在制作一个小的互动网站使用滚动魔术和GSAP动画SVG元素。有人知道如何在GSAP中动画其他属性时保留SVG元素的旋转吗？示例代码：<svg height='300px' width='50
浏览 7提问于2015-10-26得票数 0
回答已采纳
我刚刚收到一个客户端的请求，要求建立一个网站，我猜需要部署HTML5画布。对于你来说，这是一种有不同车厢的火车。访问者应该能够左右滚动沿火车，并点击窗口显示不同的内容(在弹出或独立窗口)。不过，我很想知道是否有一个active (如2017)画布框架可以从开始，以满足前面提到的需求。我已经检查过了，但回复可以追溯到2012年，并给出了建议过时/未维护的库的答案。一个好的完整的样品库也可以。蒂娅。祝你今天过得愉快
或者从依赖开始
浏览 9提问于2017-11-23得票数 0
3回答
我试图得到这个动画多角形背景，从代码依赖工作在一个苗条组件。, ANIM.from, ANIM.to, ANIM.stagger);
});
我尝试了很多事情，但我似乎无法使它发挥作用，我试着做一个苗条的爬虫来展示我的进步
浏览 15提问于2022-09-09得票数 1
我现在正在学习JS动画方法，我已经编写了这段小代码，它使用GSAP库中的TimelineLite()和staggerTo()依次绘制和填充SVG路径。$('#svg path').each(function() { preparepath(path);
function0.5, {strokeDashoffset:"0"}, 0.3).staggerTo(paths, 0.5, {fi
浏览 5提问于2014-03-12得票数 0
2回答
SVG动画线不稳定的行为
、、、、
在Chrome和Mozilla中(IE11很好，行为正常)，如果在Illustrator中，我将Object>Artboards>Fit设置为艺术品边界(最小化了创建或编辑SVG时通常所做的)，我就得到了这个结果我开始在GSAP论坛和CSS技巧论坛上的主题(stackoverflow.com限制我只作为一个新手发布2个链接)。我使用GSAP库来动画(通常对GSAP非常满意)，但是如果我使用CSS3来动画，动画的行为也是一样
浏览 4提问于2015-03-04得票数 2
回答已采纳
1回答
我想在SVG中动画(为了简化，假设是Scale+)一个文本蒙版(它必须是一个蒙版)。我正在使用GSAP来实现这一点。var tl = new gsap.timeline(); gsap.to("#masktext", 3, {scale: 3, "text-anchor": "middleaj
浏览 2提问于2020-04-08得票数 1
我对gsap的Flip.fit移动到坐标感到困惑。目标Flip.fit(PTILE[tileArray], TILE[tileArray], {duration: 1 , scale: true});
当更改{工期：，.}移动按预期工作，但没有动画
浏览 3提问于2022-02-06得票数 0
回答已采纳
1回答
据我所知，npm包没有来自俱乐部的插件，也没有@type/gsap。我将DrawSVGPlugin.js添加到node_node/gsap中，然后重新创建了一个android平台。在导入的.ts文件中，我尝试了：作为调用插件：
TweenLite.to("#svg_1", 1, {drawSVG:"40%
浏览 19提问于2018-01-05得票数 0
回答已采纳
2回答
我在React函数组件中有一个svg： );
}
如果正确导入并在另一个组件中使用，则不会显示任何内容。我在其他组件中有其他内联svg，它们工作得很好。
我尝试在Illustrator中编辑svg，无论我如何保存或导出，结果永远不会与
浏览 9提问于2020-02-11得票数 1
回答已采纳
Is the SVG re有没有办法“弯曲”一个SVG对象，因为它是沿着贝塞尔路径的动画？我主要使用GSAP来制作动画。我已经设法让红色箭头沿着路径动画，但形状始终保持不变。我希望它沿着绿色的路径，并在曲线上弯曲，这样在动画结束时，它就会有紫色箭头的形状。这是codepen。GSAP代码： var motionPath = MorphSVGPlugin.pathDataToBezier("#motionPath"
浏览 12提问于2019-01-12得票数 6
1回答
有没有人可以帮我让这个挥杆更流畅，而不是从一个方向到另一个方向的急剧过渡？动画应该像风中的秋千。 const stepDuration = 0.5, wing = '#wing';
gsap.set(wing, {transformOrigin: "50% 0%", rotation: 15})const walk = () => {gsap.timeline({repeat: -1, defaults: { ease: "circ.inOut&
浏览 59提问于2020-01-03得票数 1
回答已采纳
我有一个很长的SVG的‘线程’，这是一个图形元素连接多个Fullpage.js水平幻灯片在一起。(这是一个故事，所以它对设计是有意义的)
此时，当用户到达页面并呈现第一张幻灯片时，SVG dashoffset将使用GSAP动画绘制路径，这在第一张幻灯片上看起来很棒。如果我选择了正确的时间，并使用动画转到下一张幻灯片，那么当线程继续路径的动画时，效果会好100000%。长话短说，是否可以在幻灯片1上开始动画</
浏览 1提问于2020-08-08得票数 0
1回答
如何为SVG圆内的图像添加边框
、、、、
我正在使用GSAP制作一个圆圈周围的笔划动画。这是一个Codepen。 我想要做的是在外部粉色和(应该是)内部圆形图像之间留出间距，如下所示： ? 下面是我的SVG代码： <svg id='svg1' width='48' height='48' viewBox='0 0 48 48'>
浏览 16提问于2019-01-31得票数 1
回答已采纳
1回答
在滚动体上动画SVG路径
、、、
我使用ScrollMagic & GSAP在滚动页上动画一个SVG路径。工作得很好。但是，一旦我用另一个来自名词项目的SVG替换路径，滚动路径-动画。
浏览 3提问于2021-05-28得票数 0
回答已采纳
4回答
如何导入SVG文件以访问其属性？
、、、、
我有一个很大的SVG，我需要访问它的‘路径’来修改。 我直接将SVG粘贴到我的应用程序中。但我想拆分我的代码，让它更清晰。所以我在SVG文件中移动了我的SVG，我需要导入SVG文件，以便我可以访问它的“路径”。 我发现的解决方案是使用img标签。但是这样我就不能访问'path‘了。
浏览 36提问于2020-09-29得票数 1
回答已采纳
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号