首页 > 编程 > HTML > 正文

详解如何用HTML5 Canvas API控制图片的缩放变换

2024-08-26 00:18:40
字体:
来源:转载
供稿:网友
这篇文章主要介绍了用HTML5 Canvas API控制图片的缩放变换的教程,其中复杂的地方是如何编写JavaScript让鼠标成为放大或者缩小的中心,需要的朋友可以参考下
 
 

缩放变换scale(sx,sy)传入两个参数,分别是水平方向和垂直方向上对象的缩放倍数。例如context.scale(2,2)就是对图像放大两倍。其实,看上去简单,实际用起来还是有一些问题的。我们来看一段代码:

JavaScript Code复制内容到剪贴板
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表