canvas教程

在canvas上画图添加缩放功能如何以鼠标指针的坐标为缩放中心

字号+ 作者:H5之家 来源:H5之家 2017-03-07 10:01 我要评论( )

javascript,canvas_在canvas上画图添加缩放功能如何以鼠标指针的坐标为缩放中心,javascript,canvas

在canvas上画图添加缩放功能如何以鼠标指针的坐标为缩放中心

我知道canvas默认是从左顶点开始scale的,我的想法是scale后每个图形势必和左顶点的距离增大了(x-x/scale系数,y-y/scale系数)或者减小了(x+x/scale系数,y+y/scale系数),我就在scale后translate(-(x-x/scale系数),-(y-y/scale系数))或者translate(x+x/scale系数,y+y/scale系数),可是放大时却往右下角偏,缩小时往左上角偏,知道自己translate错了,可又不知道错在哪里,请大家帮忙看看,谢谢了

分解:
1:先以原点为基点进行缩放scale(scaleValue,scaleValue),得到缩放后的图。
2:进行translate平移,平移的位置是(x,y)/scaleValue-(x,y)。

相关阅读:
gulp-sass经常报文件未找到
hdfs如何远程访问?
为什么使用setTimeout()后要clearTimeout()?
storm 指定某两个bolt在同一个机器上跑运行,是否可以?
define 的一个问题
go request包发送请求后,返回编码出现乱码?
python输出列表,只输出某个值
从 CPU 开始运算到计算机显示,发生了什么?
哪里提供比较准确的浏览器市场份额查询?
PHP 7.0 的扩展开发和 PHP 5.6.x 有何不同?
maven中多个源文件夹 eclipse报错
关于移动端 em 尺寸单位自适应的问题!!!
请问,作为一个工作4年的程序员,还没有养成每天固定学习的习惯,你怎么看?
ubuntu 某个目录下多了一个"\",是怎么回事?
php $_SERVER 变量问题
json数据格式
js,如何把数组格式的String转化为数组
X-Forwarded-For 和 X-Real-IP 的区别?
请问下,视频加密后放到七牛云存储上面,如何在app端边解密边播放呢?
sublime text3 稳定的gbk插件

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • HTML5 Canvas入门学习教程,html5canvas

    HTML5 Canvas入门学习教程,html5canvas

    2017-03-07 11:11

  • 444klkcom-open canvas-www.45gao.inf

    444klkcom-open canvas-www.45gao.inf

    2017-03-06 15:00

  • flash独立播放器,open canvas,open canvas

    flash独立播放器,open canvas,open canvas

    2017-03-06 14:01

  • canvas drawimage参数

    canvas drawimage参数

    2017-03-06 14:00

网友点评
i