每次单击时为新的SVG多边形制作动画的Javascript
是一种用于在网页上创建交互式动画效果的编程语言。它可以通过在HTML文档中嵌入Javascript代码来实现。
SVG（Scalable Vector Graphics）是一种基于XML的矢量图形格式，它可以用来描述二维图形和图像。SVG多边形是指由多个直线段组成的封闭图形，例如三角形、四边形、五边形等。
制作动画的Javascript代码可以通过监听鼠标单击事件，在每次单击时创建一个新的SVG多边形，并为其添加动画效果。动画效果可以包括平移、旋转、缩放等。
Javascript可以通过操作SVG元素的属性来实现动画效果。例如，可以使用CSS的transition属性来实现平滑的过渡效果，或者使用CSS的transform属性来实现旋转和缩放效果。
在云计算领域，Javascript可以用于开发云端应用程序的前端部分，实现用户界面的交互和动画效果。它可以与后端开发语言（如Java、Python、Node.js等）结合使用，通过与服务器进行通信来获取数据并更新网页内容。
以下是一些腾讯云相关产品和产品介绍链接地址，可以用于支持Javascript开发和部署网页应用程序：
- 腾讯云云服务器（CVM）：提供可扩展的虚拟服务器实例，用于部署网页应用程序。 产品介绍链接：https://cloud.tencent.com/product/cvm
- 腾讯云对象存储（COS）：提供安全、稳定、低成本的云端存储服务，用于存储网页中使用的图片、视频等资源文件。 产品介绍链接：https://cloud.tencent.com/product/cos
- 腾讯云云函数（SCF）：提供事件驱动的无服务器计算服务，可以用于处理网页中的后端逻辑，例如处理用户单击事件并生成新的SVG多边形。 产品介绍链接：https://cloud.tencent.com/product/scf
请注意，以上仅为腾讯云的一些相关产品，其他云计算品牌商也提供类似的产品和服务，可以根据具体需求选择合适的云计算平台。
相关·内容
我给自己设置了一个非常简单的任务，但是我没有把Javascript弄对。我有一个多边形，有三种不同的状态:星形，五角星形，正方形。星形被设置为默认形状。我想介绍一个点击功能，这样当你第一次点击的时候，星形就会变成一个五角星。当您单击生成的五角星时，它会变形为一个正方形。单击该方块，您将再次返回到星体。(我甚至不会在这里发布它，因为我认为它可能会造成更多的混乱，而不是它解决的
浏览 7提问于2021-04-12得票数 0
回答已采纳
1回答
我有一个动画，平面上的点被多边形()动态封装。我使用路径SVG来绘制多边形，但是，我注意到，随着点在平面上的转换，并且被添加到/移除多边形的周长，整个多边形将在其过渡期间旋转以进行调整，这看起来很混乱，造成了很差的可视化效果。我可以看到，许多示例()涉及到在发生事件时用新数据重绘(而不是转换)整个路径SVG。我想知道是否有任何方法可以按设定的</
浏览 5提问于2015-09-23得票数 1
我在AJAX web应用程序中使用SVG进行图表。当接收到初始数据时，我希望将图表元素(例如条形图)从默认的0值设置为新的数据值。如果我在SVG动画中设置了fill="remove"，那么每次加载新的数据集时，条形图都会正确地生成动画，但是，当然，在动画之间，条形图会返回到其默认宽度。因此，我尝试使用fill="fr
浏览 1提问于2011-06-28得票数 6
我目前正在使用svg进行一个web项目。我正在用多边形(确切地说是45个多边形)建造建筑物，这个想法是当你点击一个按钮时改变多边形的点。因此，它将在两者之间制作动画，从而使建筑物切换到不同的建筑物。我设法使动画内联在svg上，这样当您打开页面时，它就会有动画效果(暂时会有延迟)。但我现在正在尝试做的是，当你点击一个按钮时，内联<
浏览 2提问于2015-06-01得票数 0
2回答
启动svg动画onclick事件
、、、、
当为SVG多边形的动画提供初始开始时间时，以下代码可以很好地工作。但是如果不提供"vbanim“动画的开始时间，我不知道如何通过javascript/jquery触发它。<button
浏览 0提问于2018-01-18得票数 10
回答已采纳
2回答
我在一个SVG中动画一个多边形形状(这样它就可以在CSS中用作背景)。我很好奇是否有一种方法可以随机生成要使用的值，或者其他方法，这样动画在每次加载时都不会总是从相同的位置开始(不使用外部SVG库，也不使用JavaScript)？下面是当前的SVG：
<polygon style="stroke:rgb(255,0,0);fill:transparent;"
浏览 2提问于2014-11-05得票数 6
到目前为止，火狐似乎不支持在标签( ISO8601 )的begin=属性()中使用begin=日期时间字符串。例如:这个文档应该表示与UTC同步的第二次同步，但是在firefox中它根本没有动画。> xmlns="http://www.w3.org/2000/svg" height="400"
version="1.1"
浏览 0提问于2015-08-12得票数 1
回答已采纳
3回答
我有这个SVG文件。显示不同的svg元素(圆圈、Eclipse、多边形、多边形等)当单击特定ID时，我可以添加函数(onClick或MouseClicK)。有没有任何方法可以添加一个公共函数(在JavaScript或Jquery中)，该函数响应单击事件并告诉我们单击哪个对象(ID)起源于哪个对象？
添加/引用SVG文件
浏览 4提问于2016-08-18得票数 3
回答已采纳
1回答
我使用SVG模板，我还想在其中集成html5动画。音频文件链接到SMIL动画。这只能用javascript来解决。如何将这两个源连接在一起？：(您可以在站点上看到，您必须单击按钮) svg</
浏览 33提问于2021-05-13得票数 2
每次发生外部事件时，我都会动态添加一个SVG图形，并在添加时添加动画。我将图形包装在标记中，为其提供自己的viewbox，以便动画变换独立于图形放置的位置。因为真实的图形和动画比下面示例中的复杂，所以我想在HTML中定义图形和动画，并动态创建一个元素来在每次添加图形时实例化图形；而不是在Javascript中动
浏览 34提问于2021-02-12得票数 0
回答已采纳
我需要你的帮助
我为一个网站创建了一个预装屏幕，标志SVG动画运行良好，但我唯一困惑的地方是:每次我重新加载时，动画都不会发生，但是加载程序的3秒是可用的。
浏览 1提问于2019-04-11得票数 4
回答已采纳
1回答
我试图在一个多边形上用多个<animate>标记动画一个SVG播放停止按钮，这样在每个beginElement()上运行beginElement()就会导致形状改变其点。这在Chrome和Firefox中非常有用，但在Safari中进行测试时，我似乎只能激活一个<animate>标记。我目前的情况如下：playState = true;
playState = !click", toggle);
#
浏览 0提问于2019-07-27得票数 1
回答已采纳
我有一个项目:在鼠标单击、移动和下一次单击时，等等；根据每次单击的位置，我想要创建一个svg多边形，但我不知道如何创建。 ? 当鼠标移动时，多边形的最后一个点同时出现在鼠标指针上，当我单击并移动时，单击的位置会得到一个顶点点，依此类推。
浏览 76提问于2019-01-14得票数 1
也许这是一个带有Chrome (88.0.4324.150) svg渲染的错误，它似乎只能在这个浏览器中被复制。但也许我做错了什么？当我使用setAttribute动态和反复地使用javascript设置填充模式属性时，虽然在检查器中正确显示，但它并不总是可见的应用。如果窗户重新画(如。通过调整大小，它突然被应用了。我是否遗漏了一些(无文档的)更新调用，还是这只是一个浏览器错误？const doc = document
浏览 2提问于2021-02-13得票数 0
回答已采纳
1回答
我有一个节点映射的SVG动画，当用户将鼠标悬停在它上面时，它会跟随光标。我已经用Javascript制作了它的动画，效果很好，但是它应该是一个背景元素，这会导致一个问题：我尝试使用：
pointer-ev
浏览 0提问于2015-03-05得票数 0
2回答
点击SVG动画
、、、
我正在尝试创建一个SVG动画，当一个元素被单击时，它会平滑地模糊，然后在再次单击时平滑地取消它(并且与每次单击保持这样的交替)。<?>
<svg width="1" height="1" version="1.1" xmlns="http://www.w3.org&#x
浏览 8提问于2014-06-11得票数 0
回答已采纳
4回答
我正在尝试使用SVG多边形和javascript。我创建了一个多边形，并像这样设置了它的初始点列表：
var polygon = document.createElementNS('http://www.w3.org/2000/svg','polygon但是我们能以某种方式将"polygon.points“定位为一个数组吗，或者它真的只是一个简单的字符串吗？这对于非常简单<
浏览 0提问于2010-01-28得票数 18
回答已采纳
我在地图上画多边形，但我遇到麻烦，因为如果我形成一个正方形或任何形状，它会在中间画一条线。我不知道是什么让我的多边形在中间画线。poly.setMap(map);
这是我的小提琴
浏览 4提问于2014-07-16得票数 0
回答已采纳
2回答
SVG多边形过渡
、、
我正在尝试转换SVG <polygon>元素。代码人在这里：<svg width="300" height="200" viewBox="0 0 300 200"> <polygon points="0 0, 1450, 150 20, 155 0, 300 0, 300 200, 0 200, 0 0" /> </svg>
现在
浏览 1提问于2016-02-08得票数 1
使用Inkscape已经有一段时间了，现在我已经开始学习JavaScript了，我非常热衷于制作交互式矢量图形。尽管如此，我很难理解不同事物的某些方面是如何工作的。使用本教程作为参考()，我想知道是否有人可以通过回答我有关它的几个问题来帮助我理解它：
我的理解是，在SVG语言中，evt只是事件的别名，但是它接受什么事件作为它的参数呢？它是否一直在运行并一直接受新的参数，因此它首先接受单击
浏览 0提问于2019-01-31得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
