HTML 画布放大

Question

我正在设计一个非常基本的动画，其中有几个圆圈在 HTML5 画布中移动。 我目前正在使用 jCanvaScript 库来简化它（我需要将不同的形状组合在一起并同步动画它们）

我需要能够放大和缩小并在画布内四处移动。 我见过很多库（包括 jCanvaScript），它们都有一个 .scale() 和 .translate() 函数，它们允许转换画布中的一个形状，但我需要的是一个全局的，它作用于所有画布内的形状。真的似乎没有图书馆提供这个......

理想的解决方案是类似于 Raphaël.js 库中的 setViewPoint(x,y,width,height) 函数。

你知道我是怎么做到的吗？

非常感谢您的帮助。

Answer 1

你应该看看这个： http://www.html5canvastutorials.com/kineticjs/html5-canvas-select-shapes-by-name-with-kineticjs/ 希望 kineticjs 能帮到你。