Canvas 爱奥尼亚:将爱奥尼亚卷轴收缩设置为画布

Canvas 爱奥尼亚:将爱奥尼亚卷轴收缩设置为画布,canvas,ionic-framework,ionic,Canvas,Ionic Framework,Ionic,这是一个典型的任务 我们有ionic scroll指令和canvas元素内部。我们可以滚动和缩放它,我们的坐标是对象{left:X,top:Y,zoom:Z},使用$ionicScrollDelegate.$getByHandle <ion-scroll zooming="true" direction="xy" min-zoom="-2" class="ionic-scroll" delegate-handle="image"> <canvas id="photo"

这是一个典型的任务

我们有
ionic scroll
指令和canvas元素内部。我们可以滚动和缩放它,我们的坐标是对象
{left:X,top:Y,zoom:Z}
,使用
$ionicScrollDelegate.$getByHandle

<ion-scroll zooming="true" direction="xy" min-zoom="-2" class="ionic-scroll"  delegate-handle="image">
    <canvas id="photo"></canvas>
</ion-scroll>

如何在
context.drawImage()
中将此参数设置为画布图像


我尝试使用
canvas.scale(缩放,缩放)
但它不起作用

您有
canvas.scale
但绘图是通过2D api进行的,与
context.drawImage()
调用
context.scale(缩放,缩放)顺便说一句,上下文变量的传统名称是
ctx
非常方便,可以减少这些类型的错误,但并不重要。@Blindman67是的,我没有描述为什么
scale
不起作用。原因是不同的缩放。爱奥尼亚拥有自己的缩放功能(我不知道它是如何计数的),它由1个数字组成。Canvas有两个参数,分别为zoom-
scalewidth
scaleheight
,因此当Ionic的缩放值为1.8356时,Canvas在(1.8356,1.8356)处有不同的位置。好的,我从未使用过Ionic,因此不知道如何帮助。我假设scalewidth和scaleheight是由Ionic添加的属性,因为Canvas元素没有这些属性。幸运的是,知道你的人会发现你的问题,让你走上正轨。