javascript - css transition 渲染 Canvas 无用

标签 javascript jquery css html canvas

我正在使用 PHP 和 jQuery 创建交互式白板应用程序。创建一个卡片组不是问题,也不是在页面上应用 Canvas 覆盖以便我可以在上面写字。我是一名业余编码员,完全是自学成才。这部分是学习更多的练习,部分是为我提供一个很好的工具以用于我的教学实践的方法。

我遇到的问题是将 CSS 过渡应用于 Canvas 元素,以便随着幻灯片的变化, Canvas 元素也会移动,以避免之前制作的绘图仍然出现在新幻灯片上。

我已经让 Canvas 元素随着幻灯片过渡移动,但是,当发生这种情况时, Canvas 变得无用(在当前幻灯片上)。如果我切换回上一张幻灯片,我可以看到我绘制的所有内容。

我希望这不是一个太模糊的问题或对情况的解释而无法获得帮助,但任何指示都会很棒。

最佳答案

解决了问题。我认为原始脚本考虑了幻灯片过渡的距离,但事实并非如此。我添加了一行来解决这个问题,它就像一个魅力。

关于javascript - css transition 渲染 Canvas 无用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36238931/

相关文章:

javascript - 显示 JSON 请求

jquery - 我应该如何在 Jquery Mobile 中使用 rel ="canonical"?

javascript - 使用 jQuery 设置动态下拉列表 (DOM) 的选定索引

css - 如何在鼠标悬停时调用c#按钮

javascript - 更快的 HTML Canvas Bresenham 线

javascript - 我如何在 adonisJS 中翻译从 php 编写的这段代码?

javascript - 公共(public)第一方客户端的正确 OAuth2 流程

jquery - MVC3 Razor Html.TextBoxFor 计算字段

css - 如何在仅使用 CSS 的字母下获得悬停的阴影?

css - 如何创建四个四分之一的圆