javascript - 强制 html canvas 仅在某些绘图的特定区域上绘制

标签 javascript text canvas draw

我的目标是: 创建不跨越 Canvas 内矩形边界的滚动文本。 某些文本应该部分显示。但我还没有找到获得这个的方法。

我唯一能想到的是 Canvas 的一些设置,例如旋转和平移,只要我不重置 Canvas 的状态,它们就仅在有限的区域中显示绘图。

我上传了一个示例,说明文本从右向左滚动时的行为(请注意“g”已根据需要进行剪切):

!!!抱歉,管理员还不允许我上传图片,请参阅 http://jsdefense.sourceforge.net/rpsz/ex_rolling_text.jpg

另一种解决方案可能是在全新图像上打印文本并在绘图时对其进行切片?

最佳答案

您想使用clipping在 Canvas 上。 MDC has an example .

关于javascript - 强制 html canvas 仅在某些绘图的特定区域上绘制,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4078291/

相关文章:

javascript - 尝试在 native react 中创建两列

objective-c - 使用 CGPDFScanner 仅从 PDF 文件中提取文本

javascript - 在 Canvas 圈内单击时打开弹出窗口

javascript - 如何检查类属性是否存在?

javascript - 如何在加载缩略图时提供反馈并控制加载顺序

javascript - 如何从nodejs中的异步函数获取返回值?

macos - 在 Mac OS X Firefox 上无法选择 CSS3 @font-face

javascript - Firefox 上渲染不佳/抗锯齿的 Canvas 文本

javascript - 旋转 html Canvas 线条图案

javascript - 从一张 Canvas 复制带滤镜的图像并粘贴到另一张 Canvas