- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我有一个关于如何将 ontouch 放入我的代码中的困惑,因为我希望它在 ipad 上运行,下面是我的代码
<script language="javascript">
function sig1()
{
if(sig == null)
{
xclear('myCanvas');
}
}
清除 Canvas 中线条的代码
<body id="main_body" class="no_guidelines" onload="sig1()" onmouseup="bodyonmouseup">
让 Canvas 具有fillstyle颜色和功能
<canvas border=1 id="myCanvas" height=200 width=400 onmousedown="onmousedown()" onmouseup="onmouseup()" onmousemove="onmousemove()">Your browser does not support the application</canvas>
可以像签名一样画线的 Canvas
var sig = null;
var ele;
function bodyonmouseup(e)
{
var ele;
ele = document.getElementById('myCanvas');
ele.isDown = false;
}
function onmousedown(e)
{
var ele,p;
if (!e) e = window.event;
ele = (e.srcElement);
if (! ele) ele = e.target;
ele.isDown = true;
ele.context = ele.getContext("2d");
ele.context.lineWidth = 1;
ele.context.beginPath();
ele.context.moveTo(e.offsetX,e.offsetY);
sig.line = new Array();
p = new Object();
p.x = e.offsetX;
p.y = e.offsetY;
sig.p = p;
sig.line[sig.line.length] = p;
sig.lines[sig.lines.length] = sig.line;
}
function onmousemove(e)
{
var ele,dx,dy,p;
if (!e) e = window.event;
ele = (e.srcElement);
if (! ele) ele = e.target;
if (! ele.isDown) return;
ele.context.lineTo(e.offsetX,e.offsetY);
ele.context.stroke();
dx = e.offsetX - sig.p.x;
dy = e.offsetY - sig.p.y;
if (dx == 0 && dy == 0) return;
sig.p = new Object();
sig.p.x = e.offsetX;
sig.p.y = e.offsetY;
sig.line[sig.line.length] = sig.p;
}
所以我想知道我是否想同时保留onMouse和ontouch,我如何放置ontouch以便可以在ipad上绘制 Canvas ?请帮忙,很紧急
最佳答案
使用这个js。你的手指将成为你的鼠标。他们正在将所有触摸事件转换为鼠标事件。
关于javascript - 如何聚合onMouse和onTouch,使canvas可以在鼠标和ipad上使用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11132318/
早上好, 有一段代码,当鼠标进入该 div 时,该代码会在带有背景图像的 div 上显示一个信息框。信息框较高,因此显示更多文本,但当鼠标离开 div 时,它必须变小。但有时鼠标离开事件不起作用。 $
不确定我做错了什么,但是alert(titleTxt);始终显示other_location。我需要添加两个 onmouse 监听器,但似乎它始终附加到最后一个元素。 function ghostTe
我在 mouseover 上为另一张图片写了这样的图片。它在我的本地系统中运行良好。但在 mouseover 上的服务器中,图像第一次加载缓慢。第二次开始工作正常。 请找到链接 http://201
我正在尝试在 Canvas 上绘制我的鼠标路径,但我不知道出了什么问题,但它没有绘制任何东西。它适用于 context.fillRect() 但不适用于 ImageData。这是我的代码:
在我的网页上,我将有几个带有 onmouse over 效果的圆圈(工具提示 onmouse over)。我怀疑大多数访问者会错过这一点,因此想知道您通常会做什么来吸引访问者的注意力/强调某处存在鼠标
我用AJAX构建了一个即时搜索,就像当你开始输入结果时出现,然后如果你点击正文上的任何地方结果就会消失,鼠标悬停在输入字段结果会重新出现。当在输入字段内单击时,结果消失。 当在输入字段中单击时,我希望
我创建了这段代码: window.onload = function() { for (var i = 10; i ' + i + ''; document.getElementById(
我正在尝试构建一个 React 组件,该组件允许在鼠标悬停在其上方时突出显示悬停的组件。我将拥有这些组件的嵌套版本,因此当鼠标悬停在外部组件上时,我想在外部组件及其所有子组件周围放置一个边框,但是一旦
这是代码 由于某种原因,它不断抛出相同的错误。 iv 检查了语法,一切正常。相同的功能可以在 php 中运行。但在 php 中它会抛出错误 未捕获的语法错误:意外的标记} 如果有人能看出问题所在,我
并且还要为每个按钮创建一个单击事件。如果我单击暂停按钮,它还应该在暂停和继续之间切换按钮文本,并在继续和暂停时根据文本进行操作。 这是我的html代码: 在顶部我包括了 jquery: 在底部我添
这是我认为已解决的上一个问题的延续。它在技术上已针对其他浏览器得到解决,因此我认为作为一个带有其他 issue 链接的新问题可能会更好。 可以查看网页链接here 这是我的图像映射的代码:
我是一名优秀的程序员,十分优秀!