-
Notifications
You must be signed in to change notification settings - Fork 5k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Animated SVG vs GIF 翻译初稿 #97
Conversation
辛苦啦 |
* 状态 : 待定 | ||
|
||
SVG can do much more than display static images. Its animation capabilities are one of its most powerful features, giving it a distinctive advantage over all other image formats. They are one of many reasons that make SVG images better than raster images, including GIFs. But this, of course, only applies to images that are good candidates for SVG, such as: | ||
SVG不仅可用于展示静态图像,与其它图片格式相比,呈现动画的能力也其强大的特性之一。这也是SVG优于包括GIF在内的其它位图格式的众多原因之一。当然,这种优势仅适用于适合SVG的应用场景,例如: | ||
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Its animation capabilities are one of its most powerful features 这句最好翻译为 “呈现动画的能力只是其强大的特性之一”
@ychow 这篇文章你审核没有问题了吧? |
@Glowin 还有一些没审核完。这周末就审核完了。 |
|
||
So, here is why I think you should use SVG instead of GIFs whenever you can. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
So, here is why I think you should use SVG instead of GIFs whenever you can.
下面是我总结出你应该尽可能的使用SVG而不是GIF的原因。
这句我觉得这样翻译比较好。
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
已改正
|
||
<svg width="300" height="150" viewBox="0 0 300 150" xmlns="http://www.w3.org/2000/svg"><style>svg{width:48%;}path{animation:loop 6s linear infinite;}@keyframes loop{to{fill:#009966;}}</style></svg> ![](https://sarasoueidan.com/images/svg-vs-gif--rectangle-animation.gif) | ||
|
||
The SVG image on the left and the GIF on the right. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
这一句没有翻译啊
从这里开始,后面几段的英文和译文的顺序开始不对了,麻烦调整下,不然看起来费劲。。。
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
是因为原文里面抓取的Markdown里面有HTML的<table>
标签,翻译的时候删掉一些空行,导致没办法对齐了…
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
The SVG image on the left and the GIF on the right.
在原文里面实际上是图片下面的描述,图片前面一段正文里已经解释了左边的是SVG动画,右边是GIF
,这句不算是正文内容,翻译了反而显得重复。
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@ychow 我把顺序乱掉的这段重新标注一下,原文就不改动了
|
||
Some other JavaScript libraries exist that focus on certain animation tasks at a time, and come in impressivly small file sizes (<5KB), such as [Segment](https://github.com/lmgonzalves/segment/blob/gh-pages/dist/segment.min.js) which is used to animate SVG paths to create line drawing effects. Segment is 2.72KB minified. That’s not too shabby, is it? | ||
|
||
There can be exceptions, so you should always test. But given the nature of GIFs and how they work, you will likely find that SVG is a better option in most cases. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
当然可能会有例外存在,因而你需要经过测试再做决定。但是考虑到GIF的本质和其工作原理,你会发现在大部分情况下SVG都是一个更好的选择。
审核完毕! |
请问一下 @rainyear 这个 PR 可以 merge 到主仓库了么? |
真心累T T