小编Xir*_*fer的帖子

GPU加速CSS动画与SVG原生动画

我的问题是,什么是更快的原生SVG动画标签,例如:

<path d="something very long and non-human-friendly">
    <animateTransform attributeName="transform" attributeType="XML"
    type="rotate" from="0" to="360" begin="0s" dur="3s" fill="freeze"
    repeatCount="indefinite" />
</path>
Run Code Online (Sandbox Code Playgroud)

或CSS动画,例如:

path {
    animation: foo 3s ease-out infinite;
}

@keyframes foo {
    50% {
        transform: rotate(360);
}
Run Code Online (Sandbox Code Playgroud)

也许最好使用SVG动画,因为SVG有更好的浏览器支持?

另外相关:由于CSS转换触发硬件加速,我也想知道原生SVG动画标签是否也触发GPU加速或是由浏览器绘制.如果没有,是否可以强制硬件加载SVG原生动画?

干杯!

css animation svg hardware-acceleration

14
推荐指数
1
解决办法
3350
查看次数

动画幻灯片转换为静态PDF

对于你们所有人来说,制作ppt的人幻灯片的动画如下:

  • 逐个显示子弹点
  • 逐个显示图像或缩放图
  • 在活动元素上显示边框
  • 内部导航/菜单/链接到另一张幻灯片
  • 幻灯片之间的转换

例如,是否有工具可以将ppt转换为PDF并将每个动画保存在单独的幻灯片中?

我知道你可以使用LaTeX Beamer创建动画幻灯片,可以很好地转换为PDF,我已经制作了一些,但我也有一些ppt文件,我想转换为PDF.

这是我到目前为止所尝试的:

  • Slideshare,但不仅它不支持动画,但内部导航不起作用,字体都搞砸了.
  • PDFcreator,相比之下质量相当优越,但它也不支持动画.作为Slideshare,它只会将一个图像放在另一个上.此外,它不支持透明度(例如,在图像上具有半透明bg的文本框)
  • LaTeX Beamer,已经提到了,但我更愿意避免在LaTeX中输入这些ppts内容和动画,以便动画在PDF中正确显示.

我搜索过SO并没有找到一个令人满意的答案来处理动画.你用什么?

pdf animation powerpoint converters

11
推荐指数
2
解决办法
4万
查看次数

如何阻止Django转义#符号

我正在尝试将SVG sprite用于网站中的图标,如下所示:

<svg aria-hidden="true" class="icon">
    <use xlink:href="{% static 'images/site-icons.svg#icon-twitter' %}"></use>
</svg>
Run Code Online (Sandbox Code Playgroud)

但是这不起作用,因为#jando会逃脱#,所以我最终得到:

<svg aria-hidden="true" class="icon">
    <use xlink:href="/static/images/site-icons.svg%23icon-twitter"></use>
</svg>
Run Code Online (Sandbox Code Playgroud)

因此没有图标呈现.我已经发现问题是逃避,因为如果我粘贴site-icons.svg模板中的内容就可以了

<svg aria-hidden="true" class="icon">
    <use xlink:href="#icon-twitter"></use>
</svg>
Run Code Online (Sandbox Code Playgroud)

所以问题在于逃避.

有人知道如何逃避这种逃避吗?

python django svg escaping

2
推荐指数
1
解决办法
258
查看次数

是否有打开 StringIO 进行写入之类的事情?

我正在尝试使用 RSpec 来测试写入文件的类。但我希望测试速度快,因此我不想使用真实文件并写入磁盘,而是想在测试中使用 StringIO 并写入内存。

以一种非常简单的方式,假设我有这个测试:

RSpec.describe Writer do
  it 'replaces the contents of the file' do
    file = StringIO.new('foo')
    writer = described_class.new(file)
    one_contact = [{ 'name' => 'name', 'address' => 'address' }]

    writer.write(one_contact)

    expect(file.string).to eq('[{"name":"name1","address":"address1"}]')
  end
end
Run Code Online (Sandbox Code Playgroud)

假设 writer 类是这样的:

require 'json'

class Writer
  def initialize(file)
    @file = file
  end

  def write(contacts)
    file.truncate(0)
    file.write(contacts.to_json)
    file.flush
  end

  private

  attr_reader :file
end
Run Code Online (Sandbox Code Playgroud)

当我通过 Rspec 运行测试时,出现错误:

 Failure/Error: file.truncate(0)

 IOError:
   not opened for writing
Run Code Online (Sandbox Code Playgroud)

如果我更改为其他内容,那么我会在调用truncate的行中收到此错误。writefile

但是,如果我在 pry 中执行此操作,它会起作用:

$ …
Run Code Online (Sandbox Code Playgroud)

ruby rspec stringio

1
推荐指数
1
解决办法
1174
查看次数