问题标签 [impress.js]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
808 浏览

javascript - Impress.js:文本和图像看起来很模糊

使用Impress.js,我的文本和图像看起来很模糊。

请参阅下一个禁用 CSS 但启用 Impress.js 的屏幕截图:

在此处输入图像描述

现在查看下一个禁用 Impress.js 和 CSS 的屏幕截图:

在此处输入图像描述

为什么它们是模糊的?

这是我的配置:

0 投票
1 回答
523 浏览

video - 我可以将 webkit 页面渲染为高清视频吗?

首先,我想知道是否可以从 prezi 幻灯片或类似 impress.js 的东西中制作出好的高清视频。

我见过有人试图从他们的浏览器页面制作截屏视频,但质量通常不是最佳的。(动作经常不流畅)

那么,是否可以将带有动画的 html 页面渲染到视频中?(也许使用 webkit 引擎?)

  • 没有交互,只播放普通的 jquery 动画(可能会减慢 webkit 引擎的速度,以便能够将页面渲染到某个视频文件)
  • 与交互记录页面上的所有动画

更新: 使用 Jan Dvorak 的提示我尝试了这个:

但这似乎对此页面没有任何影响,例如:http ://bartaz.github.com/impress.js/#/bored

0 投票
1 回答
441 浏览

css - 使用 Impress js 的立方体 css3

基于这里的演示 https://github.com/bartaz/impress.js

我已经尝试从立方体的正面移动到顶部,但我无法旋转到其他面.. 目标是在立方体的所有六个面上都有一些内容,并且按下空格键我应该能够切换到每个面

我的适用于两张脸的html代码如下

0 投票
2 回答
1496 浏览

javascript - 如何结合 impress.js 和 parallax.js?

我想使用演示脚本 impress.js ( http://bartaz.github.com/impress.js/#/its ) 创建一个网站。现在我还想使用 parallax.js ( http://stephband.info/jparallax/ ) 在演示的一个“步骤”中使用所有图像创建视差效果。现在我在尝试将视差效果包含到 impress.js 中时遇到了困难。问题似乎是 impress.js 在 3D 空间中,而 parallex.js 使用边距和位置来移动元素。现在我的问题是,是否有人有结合这两种工具的经验,或者可能知道哪种视差效果可能在 3D 空间中起作用?

0 投票
1 回答
325 浏览

google-drive-api - 为什么在 GDrive 上托管时 impress.js 不工作?

我最近尝试测试 impress.js 演示文稿是否可以托管在 Google Drive 上。由于某种原因,它不起作用。该文件的脱机副本在我的计算机上工作,但托管副本不起作用。

我使用的是 Google Chrome,我的操作系统是 Windows Vista。我的浏览器说该页面包含不安全的内容,即使我加载该内容,JavaScript 似乎也无法正常工作。

0 投票
4 回答
3835 浏览

impress.js - 更改不同幻灯片的背景颜色

我正在尝试 impress.js,但我想知道是否有办法更改某些幻灯片的主体背景颜色。我希望我的前 3 张幻灯片的背景与其他幻灯片不同。

0 投票
2 回答
1974 浏览

ios - 如何在不使用大量内存的情况下缩放转换 UILabel?

我正在尝试在 Objective C 中重现 Impress.js 的示例演示中的一些 2D 转换。特别是旋转、平移和缩放 - 现在我专注于缩放。

我尝试将 UILabel 缩放到它“通过屏幕”的程度,就像示例演示中的“可视化你的大想法”->“和小想法”一样。

这是我迄今为止尝试过的:

不幸的是,这会占用大约 30-60 MB 的 RAM,具体取决于 contentScaleFactor 和初始字体大小。如果我不增加 contentScaleFactor 文本看起来很模糊。增加字体大小似乎也消耗了同样多的内存。

这是它在分析器中的样子:

在此处输入图像描述

而这只是一个单一的 UILabel。

有没有什么办法可以做到这一点,而不会消耗太多内存,又不会牺牲正在渲染的文本或过渡的质量?

0 投票
1 回答
7032 浏览

javascript - 使用 Express 将 javascript 代码注入 html

我正在使用Express框架编写一个 Web 应用程序来生成Impress.js演示文稿并在其上应用可视化编辑器。我已经设置了app.js只获取 .html 文件,但我想在 .html 文件的正文结束标记之前从单独的文件中注入 javascript 代码。

例如,我将有一个路由处理程序/edit,然后脚本将在注入 html 代码后触发。

任何关于如何实现这一目标的想法都将受到欢迎!

0 投票
2 回答
1097 浏览

css - How does Impress.js's CSS work?

I was reading about Impress.js and I have some questions about the code below (Part of the Inpress's demo).

My questions:

  1. What is .impress-enabled class here for?

  2. So class .active is applied on the step currently displayed? And thus, its opacity changes to 1 when its displayed and back to .3 when its next one is displayed; as described in .impress-enabled .step above it, right?

Thanks for help

0 投票
1 回答
1147 浏览

css - Impress.js Cube - 改变过渡的方向

我在 impress.js 中制作了一个立方体作为我的第一个练习项目,除了从面 3 到 4 的过渡外,它工作正常。面 1、2、3、4 都平行于 Z 轴,从顶部看时以逆时针方向放置. 从 1 -> 2, 2 -> 3 (逆时针,从顶部)过渡是可以的,但从 3->4 过渡是顺时针的,即它移回 2 然后 1 然后 4。任何改变它的方法使它从3 -> 4 直接?

这是我的代码:

HTML

CSS