文章/答案/技术大牛

发布

社区首页 >问答首页 >用最少资源的方法在D3库中绘制曲线

问用最少资源的方法在D3库中绘制曲线
EN

Stack Overflow用户

提问于 2013-03-28 12:58:48

回答 2查看 2.2K关注 0票数 2

D3有没有内置的方法来绘制曲线？

我需要很多动画曲线在我的项目。我已经尝试过Jason解决方案链接到示例，链接到js文件，它运行良好，但即使Chrome浏览器也开始落后于30+动画曲线在同一时间。

在我的例子中，每条曲线都有自己的坐标，所以浏览器应该处理所有这些曲线的路径，我理解这一点，但是Jason的解决方案在每次迭代时重新计算所有路径，正如我所理解的那样，这样做是为了能够通过灰色点来改变路径。

我是d3库的新手，所以我无法意识到，是否可以一次计算所有的路径，然后简单地绘制从0%到100%的曲线？或者所有的事情都更简单，而且有简单的方法？

animation

path

d3.js

bezier

javascript

云直播特惠9.9元起

针对高并发播放、高并发推流、超低延迟等不同直播场景，提供极速、稳定、专业的一站式云端直播处理服务

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-03-28 13:16:58

设置路径的d参数将使用d3的默认动画。因此，这应该是正确的动画：

var svg = d3.select('#myelement').append('svg'),
    curve = svg.append('path')
                 .attr('d', 'M100,200 C100,100 250,100 250,200S400,300 400,200');

curve.transition()
       .attr('d', 'M0,0 C100,100 250,100 250,200S400,300 400,200');

请在JsFiddle上看到这个。

有关曲线命令的其他文档，请参见正式文件。

票数 2

Stack Overflow用户

发布于 2015-04-20 00:28:53

使用d3.js动画Bezier曲线的一种廉价而简单的方法是转换stroke-dasharray属性。这个想法是从整条线是一条空隙开始，最后是一条短跑线。

有关这个想法的一个简单实现：http://jsfiddle.net/nj37gkgq/，请参阅这个jsfiddle。

票数 3

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/15692028

复制

在 Eclipse 中配置 Grails 工程

eclipse ide java groovy jsp

配置 GRAILS_HOME，注意一定要配置到 build.xml 所在的文件夹:

四火

2022/07/15

1.2K0

如何在chrome中实时修改JS

chrome com

有时候，我们需要去研究人家网站的运行机制，这就免不了要在他们的前端脚本里插入一些调试代码看看运行效果。在chrome65以前，我们可以打开目标网页的开发者工具—source选项卡—目标JS/CSS文件，然后在相关位置写入代码保存后即可看到改动后的效果。chrome65之后需要进行本地代码替换，本文就介绍一下如何在chrome中用本地代码替换在线代码，以达到在线修改JS的效果。

流量黑客

2020/01/02

38.5K2

如何在Spring boot中修改默认端口

spring spring boot 网站

Spring boot为应用程序提供了很多属性的默认值。但是有时候，我们需要自定义某些属性，比如：修改内嵌服务器的端口号。

程序那些事

2020/07/08

1.8K0

如何在Power Query中批量修改标题？

list nullable table

如果要更换标题需要涉及到的函数是Table.RenameColumns；获取标题的函数Table.ColumnNames。

逍遥之

2020/03/24

3K0

如何在linux终端中修改窗体标题？

bash bash 指令

一、命令行方式：使用转义码字符 echo -e "\033]0;我的虚拟终端窗体标题3\007" 终端标题被改变使用转义字符 echo -n $'\e'"]0;我的虚拟终端窗体标题"$'\a' 另一种方式的标题改变，都是bash脚本说明： '\e'就是ESCAPE键的转义字符，ASCII码33使用八进制表示就是033，转义表示为\033，\e与\033是等价的。bash脚本，第二种表示方式，不太符合常用的bash习惯，因为没有使用转义的表示，而是由三个输出字符串构成（为了防止每个输出换行，

马哥linux运维

2019/06/28

5.6K0

类作用域

程序对象函数数据作用域

在类中定义的名称(如类数据成员和类成员函数名)的作用域都为整个类，作用域为整个类的名称只在该类中是已知的，在类外是不可知的。因此，可以在不同类中使用相同类成员名而不会引起冲突。例如，Stock类的share成员不同于JobRide的share成员，另外，类作用域不能直接从外部访问类的成员，公有函数也是如此。也就是说，要调用共有函数，必须通过对象：定义成员函数时，必须使用作用域解析运算符

用户7272142

2023/10/11

1800

Groovy on Grails 交流活动

apache groovy ruby on rails ruby

2008 年 InfoQ 交流活动的胶片： http://cid-5b1e02933669f469.skydrive.live.com/redir.aspx?page=browse&resid=5B1

四火

2022/07/15

1.8K0

如何在 Django 中创建抽象模型类？

数据库 django 迁移继承模型

Django 中的抽象模型类是一个模型，它用作其他模型继承的模板，而不是一个旨在创建或保存到数据库的模型。在应用程序中，可以使用抽象模型定义多个模型共享的相似字段和行为。使用 Django，您可以定义一个派生自 Django.db.models 的模型类，以建立一个抽象模型类。

很酷的站长

2023/08/11

7160

如何在Vue中动态添加类名

vue.js 小程序编程算法

能够向组件添加动态类名是非常强大的功能。它使我们可以更轻松地编写自定义主题，根据组件的状态添加类，还可以编写依赖于样式的组件的不同变体。

前端小智@大迁世界

2020/05/12

6.8K0

如何在java中创建不可变类？

java

今天我们将学习如何在java中创建不变的类。不可变对象是在初始化之后状态不变的实例。例如，String是一个不可变类，一旦实例化，它的值不会改变。

三产

2021/01/12

2.2K0

Grails 引发的中文乱码问题

xml eclipse ide groovy apache

在一个 Grails 项目里面，我想写一个过滤不良信息的 Service，而将过滤的规则放置在 xml 文件之中。

四火

2022/07/15

6830

神器如 dnSpy，无需源码也能修改 .NET 程序

其他

2018-05-22 14:02

walterlv

2018/09/18

2.4K0

如何在知行之桥EDI系统中修改ICN？

企业文件上传通信

在EDI术语中，ICN# 的全称为Interchange Control Number，是文件的发送方分配的唯一标识符，可以识别每一个文件。

知行软件EDI

2023/05/12

3070

如何在MySQL 8.0+版本中修改root密码

数据库 mysql root 服务器权限

在MySQL 8.0版本及以上，修改root用户的密码需要注意新的身份验证插件（caching_sha2_password）的引入。本文将介绍如何在MySQL 8.0+版本中正确修改root用户的密码。

关忆北.

2023/10/11

6.6K0

如何在 Python 中创建静态类数据和静态类方法？

c++日志服务

在这里，为静态类数据定义一个类属性。如果要为属性分配新值，请在赋值中显式使用类名 -

很酷的站长

2023/02/25

3.8K0

Java工具类- 跨域工具类

java spring mvc

原本Spring MVC项目添加跨域：在web.xml文件中配置：  <filter> <filter-name>cors</filter-name> <filter-class>com.wazn.learn.util.SimpleCORSFilter</filter-class> </filter> <filter-mapping> <filter-name>cors</filt

二十三年蝉

2018/03/29

1.4K0

如何在classpath类中应用配置文件

spring java 网络安全

优先级：当前目录子目录的/config > 当前目录 > classpath的/config包 > classpath的根目录即：越靠近的优先级越高

用户7705674

2021/10/07

8930

【DB笔试面试511】如何在Oracle中写操作系统文件，如写日志？

oracle tcp/ip ide 编程算法数据库

可以利用UTL_FILE包，但是，在此之前，要注意设置好UTL_FILE_DIR初始化参数。

AiDBA宝典

2019/09/30

32.8K0

点击加载更多

相似问题

Grails域类约束修改导致异常

如何在Grails中设计域类？

Grails -使用java域类创建grails域类。

保存时修改Grails域

Grails域类

活动推荐

提供高质量视频生成与处理服务，效果专业

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例