HTML5画布:缩放

杰克·摩尔:

有什么简单的方法可以在画布(JavaScript)中放大和缩小吗?基本上,我有一个400x400px的画布,我希望能够使用“ mousedown”(2x)进行放大,然后再使用“ mouseup”进行回退。

最近两天用在谷歌搜索上,但到目前为止还没有运气。:(

卡斯特罗亨吉:

基于使用drawImage的建议,您还可以将其与scale函数结合使用。

因此,在绘制图像比例之前,请先将上下文缩放到所需的缩放级别:

ctx.scale(2, 2) // Doubles size of anything draw to canvas.

我在这里http://jsfiddle.net/mBzVR/4/创建了一个小示例,示例使用drawImage和scale来放大mousedown并缩小mouseup。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章