Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >SVG SMIL动画的行为与预期不符

SVG SMIL动画的行为与预期不符
EN

Stack Overflow用户
提问于 2014-07-20 17:11:22
回答 1查看 80关注 0票数 1

有人知道这个SVG SMIL pie动画的中心出了什么问题吗?

http://jsfiddle.net/frank_o/fj7Xc/

它看起来像这样:

然而,它应该看起来像这样:

HTML:

代码语言:javascript
运行
AI代码解释
复制
<div class="svg_wrapper">
    <svg viewBox="0 0 600 425">
        <path d="M 175, 175 m 0, -75 a 75,75 0 1,0 0,150 a 75,75 0 1,0 0,-150" fill="none" stroke="black" stroke-width="150" stroke-dasharray="0 600 600 0" stroke-dashoffset="1000">
            <animate attributeType="XML" attributeName="stroke-dashoffset" from="0" to="600" dur="2s" repeatCount="1" fill="freeze" />
        </path>
    </svg>
</div>
EN

回答 1

Stack Overflow用户

发布于 2014-07-21 21:46:18

在这两种浏览器中,我认为问题归结为这样一个事实,即您正在使用笔画动画技术来尝试以您想要的方式获得填充动画。

这是一个问题,因为浏览器既不能精确地计算外圆,也不能精确地计算内轴点--它们计算的是介于两者之间的官方圆,根据屏幕的分辨率对其进行舍入,然后在两边绘制笔划。由于笔划太大,圆圈边缘的小圆角效应会加剧。

不幸的是,除了使用Javascript在动画的每一帧计算出饼块的实际路径之外,我没有解决方案。

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

https://stackoverflow.com/questions/24852903

复制
相关文章
组长让我把所有state都放Redux里
今天我们来聊聊Redux、Mobx等状态管理库和React、Vue等视图库之间的关系,希望能解决以上困惑。
童欧巴
2021/08/20
3580
组长让我把所有state都放Redux里
组长让我把所有state都放Redux里
今天我们来聊聊Redux、Mobx等状态管理库和React、Vue等视图库之间的关系,希望能解决以上困惑。
公众号@魔术师卡颂
2021/07/30
4620
组长让我把所有state都放Redux里
今天我把话放这儿,明天我要会【正则表达式】
参考资料: 1、菜鸟教程:https://www.runoob.com/regexp/regexp-tutorial.html 2、RegexOne:https://regexone.com/lesson/introduction_abcs (这个网站是刷题网站,如果不会用的话,百度翻译一下就知道了) 3、我学网安的好兄弟总结的PDF。
看、未来
2021/09/18
3900
看完这个,我直接把 SQL 刷通了!
首先肯定是要明确学习目标,因为目标不同,学习的重点和所用的平台也不同,推荐大家一款我以前一直在用的免费 SQL 刷题网站——牛客网 SQL 题库。
程序员鱼皮
2022/05/25
1.5K0
看完这个,我直接把 SQL 刷通了!
大佬,我代码哪错了?
问题无处不在 我: “大佬,帮我看看这个问题错在哪了?” 大佬: “你的代码呢、你的错误提示呢?” 我: “好的,我发给你” 大佬: “。。。 再见” 留下一脸懵逼的我 如何解决问题 最简单的方法是根据错误提示,查看对应位置的代码,Pycharm会提示具体是哪一行代码有问题,并抛出错误。 找到错误首先应自己想办法解决,自己解决又分为几种:有经验的大佬看到Error就知道是哪里有问题了,没经验怎么办,那就自己去搜索了。 下个结论,你遇到的问题,前人一定遇到过。 所以你只需要把你的错误提示搜索就好了
小歪
2018/04/04
8020
大佬,我代码哪错了?
我想知道到底谁错了
最近在做GEO数据挖掘的文章复现,文章标题是“Identification of Hub Genes and Pathways of Triple Negative Breast Cancer by Expression Profiles Analysis”,链接如下:https://pubmed.ncbi.nlm.nih.gov/33688252/
生信技能树
2021/07/06
3950
我发现 Linux 文档写错了
周末的时候,有位读者疑惑为什么 Linux man 手册中关于 netstat 命令中的 tcp listen 状态下的 Recv-Q 和 Send-Q 这两个信息的描述跟我的图解网络写的不一样?
小林coding
2022/05/21
1.4K0
我发现 Linux 文档写错了
我把这个贼好用的Excel导出工具开源了!!
作者个人研发的在高并发场景下,提供的简单、稳定、可扩展的延迟消息队列框架,具有精准的定时任务和延迟队列处理功能。自开源半年多以来,已成功为十几家中小型企业提供了精准定时调度方案,经受住了生产环境的考验。为使更多童鞋受益,现给出开源框架地址:
冰河
2020/10/29
9430
我把这个贼好用的Excel导出工具开源了!!
对不起,我错了,这代码不好写
文章介绍了Sentinl的自适应缓存时间戳算法,从原理到实现都手把手解读了,而且还发现Sentinel-Go还未实现这个自适应算法,于是我就觉得,这简单啊,把Java代码翻译成Go不就可以混个PR?
龟仙老人
2022/06/01
2880
这个语句报了无效语法的错误 但是我不知道是哪里写错了
前几天在Python最强王者交流群【群除我佬】问了一个Pandas处理的问题,提问截图如下:
Python进阶者
2023/03/02
7350
这个语句报了无效语法的错误 但是我不知道是哪里写错了
[答疑]为什么这个图把安卓列为辅助执行者?
潘老师,如何理解书中 "5.1.2系统边界是责任的边界"把安卓列为辅助执行者?是所有的安卓APP都要这样设定,还是仅对电视遥控器这个case
用户6288414
2019/09/23
4760
[答疑]为什么这个图把安卓列为辅助执行者?
关于MVCC,我之前写错了,这次我改好了!
关于MVCC的原理,在《我想进大厂》之mysql夺命连环13问写过一次,但是当时写的其实并不准确,这个理解可以应付面试,帮助快速理解,但是他的真正实现原理我想再次拿出来说一说。
艾小仙
2021/03/02
4270
关于MVCC,我之前写错了,这次我改好了!
如何把文件复制到桌面_如何把桌面文件放一起
电脑是现在最常用的工具之一,有些用户遇到了桌面文件无法删除问题,想知道如何解决,接下来小编就给大家介绍一下具体的操作步骤。
全栈程序员站长
2022/11/01
2.8K0
为了治好拖延症,我祭出了这个自虐的项目,把我搞的卧槽卧槽的
最近雨下的有点多,导致我划水量有点大,被水淹的有点不知所措,患上了传说中的拖延症性关节炎...
编程文青李狗蛋
2020/06/28
6990
为了治好拖延症,我祭出了这个自虐的项目,把我搞的卧槽卧槽的
开工第一天,这个超时问题把我干趴下了
前言:近日我司进行云服务商更换,恰逢由我负责新上线的三方调用 api 维护管理,在将服务由阿里云部署到腾讯云过程中,我们压测发现在腾讯云调用京东接口时 TP999 抖动十分剧烈,尽管业务层有重试操作但是超时依然较多,并不满足业务要求…… 接下来针对过程中发现的种种问题我们便踏上了优化之路。
kunge
2022/03/31
1.6K0
开工第一天,这个超时问题把我干趴下了
新人问一般都用哪些 Linux 命令,我把这个扔了过去
点击上方“芋道源码”,选择“设为星标” 管她前浪,还是后浪? 能浪的浪,才是好浪! 每天 10:33 更新文章,每天掉亿点点头发... 源码精品专栏 原创 | Java 2021 超神之路,很肝~ 中文详细注释的开源项目 RPC 框架 Dubbo 源码解析 网络应用框架 Netty 源码解析 消息中间件 RocketMQ 源码解析 数据库中间件 Sharding-JDBC 和 MyCAT 源码解析 作业调度中间件 Elastic-Job 源码解析 分布式事务中间件 TCC-Transaction
芋道源码
2022/06/16
4750
新人问一般都用哪些 Linux 命令,我把这个扔了过去
RedisTemplate:我不背锅,是你用错了
我也有点懵,第一反应就是 RedisTemplate 和 StringRedisTemplate 会不会用的两个不同的 Connection,导致相同的 Key 一个能查到,一个不能查到。
猿天地
2020/03/11
1.3K0
RedisTemplate:我不背锅,是你用错了
我说我不会算法,阿里把我挂了。[通俗易懂]
工作已经有一段时间了,有的时候会跟同事们打趣:“如果你让我现在去手写一个快速排序,我怕是真的写不出来”。
全栈程序员站长
2022/08/30
2830
我说我不会算法,阿里把我挂了。[通俗易懂]
RedisTemplate:我不背锅,是你用错了
今天分享一个 RedisTemplate 的问题,感兴趣的可以继续看下去了,不感兴趣的继续撩妹去吧!
程序猿Damon
2020/11/09
4320
RedisTemplate:我不背锅,是你用错了
芯片附近为什么都放 0.1uF 的电容?
这是 STM32F103 最小系统原理图,STM32F103VET6 需要五路 3.3V 供电,他的 3.3V 一般来源于 LDO(低压差线性稳压器),比如 LM1117
Jasonangel
2022/05/24
8940
芯片附近为什么都放 0.1uF 的电容?

相似问题

我是不是把这个伪码解释错了?

35

把这个方法放哪儿?班级/单元责任

10

我该把PDO放哪儿?

10

我该把我的模型放哪儿?

34

我应该把元INF放哪里?

23
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档