注:本实验室只适用于设备,支持多点触控手势如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