Javascript 有没有办法在一个方向上缩放图像?

Javascript 有没有办法在一个方向上缩放图像?,javascript,php,jquery,ajax,canvas,Javascript,Php,Jquery,Ajax,Canvas,有没有一种方法可以向一个方向扩展。通常情况下,scale函数会在x和y方向上均匀缩放画布,但如果我想在x方向(比如多段线)或一组线上缩放画布,而不是在y方向上缩放画布,该怎么办 这里最好的例子是,应该更简单,但您可以这样做: 将y比例另存为值 更改时更新y刻度 返回ctx中的y刻度。刻度(x,y) 如果未在ctx.scale(x,y)中定义y参数,则y比例将设置为0。所以这是你能做的最起码的事情 是的,我已经试过了,但没有成功。你有任何示例演示链接吗?@DarshanShah有,这里:。在

有没有一种方法可以向一个方向扩展。通常情况下,
scale
函数会在x和y方向上均匀缩放画布,但如果我想在x方向(比如多段线)或一组线上缩放画布,而不是在y方向上缩放画布,该怎么办


这里最好的例子是,

应该更简单,但您可以这样做:

  • 将y比例另存为值
  • 更改时更新y刻度
  • 返回ctx中的y刻度。刻度(x,y)
如果未在
ctx.scale(x,y)
中定义y参数,则y比例将设置为
0
。所以这是你能做的最起码的事情



是的,我已经试过了,但没有成功。你有任何示例演示链接吗?@DarshanShah有,这里:。在这种情况下,你应该在你的问题中显示一些代码。不,它不会像这样工作,那样改变x和y方向。我只想改变一个方向,比如我想要的示例链接shared@DarshanShah是的,就是这样。你只需要记住x和y的音阶,你在问什么<代码>上下文。缩放(scaleX,scaleY)将允许您独立缩放X,而不缩放Y。@标记如果未定义scaleY,根据我的浏览器,它将等于
0
。@nicematt。当然(!),我假设设置
scaleY=1
使图形在Y方向上不缩放。那么提问者在问什么。。。我不明白,你在问什么?请不要使用外部链接,而是在问题中描述您的需求。
var scaleY = 1;

/* change the x scale only */
ctx.scale(1, scaleY);

/* change both coordinates scale */
scaleY = 3;
ctx.scale(2, scaleY);