HTML5点滴：Canvas多点触控与KineticJS规模阶段！

最新推荐文章于 2023-06-19 12:32:46 发布

zhaominlis

最新推荐文章于 2023-06-19 12:32:46 发布

阅读量1.1k

点赞数

分类专栏： Canvas多点触控与KineticJS规模阶段文章标签： Canvas多点触控与KineticJS

本文链接：https://blog.csdn.net/zhaominlis/article/details/14484699

版权

这篇博客介绍了如何在HTML5的Canvas中实现多点触控功能，特别是在移动设备上，利用KineticJS库支持iOS系统的双指缩放手势，为舞台操作带来新的交互体验。

摘要由CSDN通过智能技术生成

注:本实验室只适用于设备,支持多点触控手势如iOS因为它利用多个触摸事件。

产品说明:使用移动设备,支持多点触控手势如iOS,用两个手指来放大或缩小的舞台。

<!DOCTYPE HTML>
<html>
  <head>
    <style>
      body {
        margin: 0px;
        padding: 0px;
      }
    </style>
  </head>
  <body>
    <div id="container"></div>
    <script src="http://www.html5canvastutorials.com/libraries/kinetic-v4.7.3-beta.js"></script>
    <script defer="defer">
      var lastDist = 0;
      var startScale = 1;

      function getDistance(p1, p2) {
        return Math.sqrt(Math.pow((p2.x - p1.x), 2) + Math.pow((p2.y - p1.y), 2));
      }
      var stage = new Kinetic.S

最低0.47元/天解锁文章

zhaominlis

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
HTML5点滴：Canvas多点触控与KineticJS规模阶段！

注:本实验室只适用于设备,支持多点触控手势如iOS因为它利用多个触摸事件。产品说明:使用移动设备,支持多点触控手势如iOS,用两个手指来放大或缩小的舞台。 body { margin: 0px; padding: 0px; } var las
复制链接

扫一扫