在画布元素中使用 javascript 从捏合位置缩放

Posted 2023-03-04

【中文标题】在画布元素中使用 javascript 从捏合位置缩放

【英文标题】：Zoom from the pinch location using javascript in a canvas element

【发布时间】：2014-06-21 08:01:07

【问题描述】：

有什么方法可以让我从我捏合的点“放大”，而不是从 Canvas 元素中的图像中心“放大”？

This 是我需要的示例，但我在画布中需要相同的示例。当我“放大”时，缩放是从我缩放的点而不是图像的中心进行的。

我使用KineticJS 作为html5 Lib。

【问题讨论】：

试试我发布的内容，看看是否成功。 :)

【参考方案1】：

尝试使用zoomooz 插件。

它的文档包含很多功能。

这是使用 zoomooz 插件放大的基本代码。

$(document).ready(function() 
    $("#element").click(function(evt) 
        $(this).zoomTo(targetsize:0.75, duration:600);
        evt.stopPropagation();
    );
);

【讨论】：

谢谢，但我正在寻找一种在画布元素上执行此操作的方法。这个插件支持吗？

你用的是动力学 js 对吧？因为每个图像/元素都可以通过点击来获取？所以我认为你可以，但还没有尝试过。代码中的“this”应该指向你想要指向的画布元素。