javascript - Html Canvas 智能绘图

标签 javascript html canvas

我目前正在实现一个基于 HTML canvas 的 webapp,它具有平移功能。有没有一种方法可以使用辅助缓冲区来保存当前可见区域,这样当我平移时就不必重新绘制整个 Canvas 而只需绘制新的可见区域?

最佳答案

请参阅我之前对相关问题的回复:What is the fastest way to move a rectangular (pixel) region inside a HTML5 canvas element

只需在具有 overflow:hidden 的 div 中绘制整个 Canvas ,并通过在该 div 中重新定位 Canvas 的顶部和左侧来实现平移。它要快得多。不用担心绘制数万像素宽/高的 Canvas ,我已经成功地将其用于非常非常大且复杂的 HTML 和 SVG 元素。

关于javascript - Html Canvas 智能绘图,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2390962/

相关文章:

javascript - JQM 复选框在点击时被选中,然后立即在 android 上变为未选中状态

javascript - 将大量 HTML 塞入一页

javascript - 计算多个文本区域中字母的函数

html - 是否可以使用 HTML5 Canvas Text API 绘制文本装饰(下划线等)?

javascript - 如何使用 JavaScript 刷新 Laravel 中的包含 View 而不是整个 View ?

javascript - 不使用 jQuery,如何按类型获取输入?

java - 在 GWT 中遍历动态无序列表

c# - 无法解决这个 html 生成难题

javascript - html5 Canvas - FillRect() 错误地绘制矩形

javascript - 使用 Canvas 在一端 1 秒后淡出的点之间绘制移动线