使用phantom-limb 模拟Touch 事件
- - ITeye博客下载 phantom-limb.js. 注意phantom-limb位置. // 在这里可以直接监听touch事件了. 测试结果在Canvas上可以正常写字,表示通过. 已有 0 人发表留言，猛击->> 这里<<-参与讨论. —软件人才免语言低担保 赴美带薪读研.
使用phantom-limb 模拟Touch 事件
标签：
phantom
limb
模拟
| 发表时间：2012-04-14 22:15 | 作者：
出处：http://www.iteye.com
1
下载 phantom-limb.js
2.
使用
2.1
index.html
注意phantom-limb位置.
2.2
app.js
3
测试
3.1
测试结果在Canvas上可以正常写字,表示通过.
在Chrome测试通过.
已有 0 人发表留言，猛击->> 这里<<-参与讨论
ITeye推荐
下载 phantom-limb.js
2.
使用
2.1
index.html
<!DOCTYPE html>
<html>
<head>
<title>Hello World</title>
<link rel="stylesheet" href="../touch/resources/css/sencha-touch.css" type="text/css">
<script type="text/javascript" src="../touch/sencha-touch-all-debug.js"></script>
<script type="text/javascript" src="app.js"></script>
</head>
<body></body>
<script src="../phantom-limb/phantom-limb.js" type="text/javascript"></script>
</html>
注意phantom-limb位置.
2.2
app.js
/**
* @example miniphone
*/
Ext.application({
name: 'App',
launch: function() {
Ext.create('Ext.Panel', {
fullscreen: true,
html: '<div id="canvasCt"><canvas id="canvas" width="600" height="600" style="border: 1px solid #F00" /></div>'
});
var canvas = Ext.get('canvas');
var context = canvas.dom.getContext('2d');
context.lineWidth = 4;
var drawer = {
isDrawing : false,
touchstart : function(e) {
e.preventDefault();
var coors = {
x : e.targetTouches[0].pageX,
y : e.targetTouches[0].pageY
};
context.beginPath();
context.moveTo(coors.x, coors.y);
this.isDrawing = true;
}
,
touchmove : function(e) {
var coors = {
x : e.targetTouches[0].pageX,
y : e.targetTouches[0].pageY
};
if (this.isDrawing) {
context.lineTo(coors.x, coors.y);
context.stroke();
}
}
,
touchend : function(e) {
if (this.isDrawing) {
this.isDrawing = false;
}
}
}
// 在这里可以直接监听touch事件了.
canvas.dom.addEventListener('touchstart', drawer.touchstart, false);
canvas.dom.addEventListener('touchmove', drawer.touchmove, false);
canvas.dom.addEventListener('touchend', drawer.touchend, false);
}
});
3
测试
3.1
测试结果在Canvas上可以正常写字,表示通过.
在Chrome测试通过.
已有 0 人发表留言，猛击->> 这里<<-参与讨论
ITeye推荐
相关 [phantom limb 模拟] 推荐：
Vision Research 推出 Phantom v1210 与 v1610，极度放慢你的脚步
- Fox - Engadget 中国版不论你手滑掉落的冰淇淋速度有多快，Vision Research 最新推出的高速摄影机都可以将一切过程纪录的巨细靡遗（不过可以的话看影片前我还是想要吃完它）. 厂商形容这次推出的 Phantom v1610 与 v1210 为「世界上最快速的百万像素级高速数字摄影机」. v1210 具有撷取 12,000 fps 到 16,000 fps 高速影像的能力，可选配 12GB、24GB 或 48GB 的储存空间，而更高阶的 v1610 则是来到了 650,000 fps，甚至是 （牺牲点画质后）可达到一百万 fps 的超高速动态录像，可选配 24GB、48GB 或 96GB 的储存空间.
Quantum Phantom 将智能型手机变身无线鼠标
- Lamo - Engadget 中国版上次我们看到 Ben Wu 时，他还正埋首于 Quantum Phantom -- 一个让网络摄影机（Webcam）成为电脑鼠标的程序雏形. 而现在他将此概念经由手机搭载的相机镜头扩展到智能手机的范畴. 其透过 WiFi 连接 Linux 计算机与 Android 手机，再把相机所录制的视讯建立为一个影像串流的服务器来操控电脑，并于影片中成功的运用此技术在屏幕上画出了一个笑脸.
Nodejs中利用phantom把html转为pdf或图片格式 - younglao的博客 - CSDN博客
- -最近在项目中遇到需要把html页面转换为pdf的需求，并且转换成的pdf文件要保留原有html的样式和图片. 也就是说，html页面的图片、表格、样式等都需要完整的保存下来. 最初找到三种方法来实现这个需求，这三种方法都只是粗浅的看了使用方法，从而找出适合这个需求的方案：. wkhtmltopdf 工具.
JavaScript PC 模拟器
- kira - LinuxTOY很难想象竟然用了这么久，Linux 才可以运行在浏览器的 JavaScript 引擎里面，要知道2008 年就可以在土豆上运行了~. 作者 Fabrice Bellard 使用 JavaScript 编写了一个简单的 PC 模拟器，包含32位 x86 兼容 CPU、8259 可编程中断控制器、8254 可编程中断计时器.
JavaScript Gameboy Color模拟器
- ashuai - Solidot程序员Grant Galitz发布了一个用HTML5/JavaScript编写的GameBoy Color模拟器（源代码），可以运行储存在本地的ROM镜像，游戏运行速度正常. 也有其他开发者用JavaScript编写出了启动Linux的X86模拟器.
地形模拟演示Demo
- kongshanzhanglao - 博客园-首页原创精华区地形渲染的首先是创建一个三角网络平面，然后调整平面顶点的y高度值，模拟地面的山丘和山谷，最后再绘制贴图效果. 本文首先介绍如何生成三角网络平面. 然后介绍如何通过高度图调整平面高度. 以及使用BlendMap和3种材质绘制贴图效果的方法. 最后演示如何调整摄像机位置和移动速度，在地面上行走. 一个m*n个顶点的平面由2*(m-1)*(n-1)个三角形组成.
模拟银河系的演化
- Yan - Solidot加州大学Santa Cruz分校和瑞士苏黎世理论物理研究院科的科学家利用NASA的Pleiades超级计算机，历时9个月时间的运算，模拟了星系的起源和演化. 预印本发表在arXiv.org上. 他们所模拟的星系称为Eris. 研究小组首先从低分辨率开始，模拟最初的暗物质演化成一个类银河星系的控制中心，然后放大中心光环区，引入气体粒子并大幅度提高分辨率，再追踪粒子间的相互作用的演化.
俄亥俄州模拟僵尸入侵
- phus - Solidot俄亥俄州特拉华县(Delaware County)联邦紧急事务管理局举行了一场僵尸入侵模拟演习，有超过225个志愿者打扮成了僵尸. 组织者希望，僵尸主题的模拟演习能比工业事故或车祸演习吸引更多的人参与. 当地的一位发言人称，特拉华县的人迷上了僵尸. 这一演习是受到了美国疾病控制和预防中心的僵尸预警指南的启发.
Chrome模拟iPhone浏览网页
- - TwaMix最近要为一款主题做好IOS移动端的优化，因此需要在PC端模拟IOS测试移动页面，无论使用chrome或者firefox，我想这也不尽是我一个人的需求吧. 本文向大家介绍firefox、safari、chrome模拟出iPad、iPhone、Android、Symbian等移动浏览器浏览网页的方法. User Agent：一个特殊字符串头，使得服务器能够识别客户使用的操作系统及版本、CPU 类型、浏览器及版本、浏览器渲染引擎、浏览器语言、浏览器插件等.