PROSAGA码农传奇-scratch-HTML5刮刮卡

HTML5刮刮卡

作者: 小它．Little it
发布时间: 2024-03-30 11:38:54 (20天前)
转自：

<div class =“post-text”itemprop =“text”>
  <P>
    我不太多使用jQuery，所以不确定如何扩展jQuery扩展本身，但查看示例
    <a href="https://github.com/websanova/wScratchPad/blob/master/wScratchPad.js" rel="nofollow">
      github上的代码
    </A>
     您想要对这些行添加更改（110-140）：
  </p>
   <pre>
    <code>
      this.sp =
$('<div></div>')
.css({cursor: 'default', position: 'relative'})
.append(
    $(this.canvas)
    .attr('width', this.settings.width + 'px')
    .attr('height', this.settings.height + 'px')
    .css({cursor: 'default'})
    .mousedown(function(e)
    {
        e.preventDefault();
        e.stopPropagation();
        $this.scratch = true;
        $this.scratchFunc(e, $this, 'Down');
    })
)

$(document)
.mousemove(function(e)
{
    if($this.scratch) $this.scratchFunc(e, $this, 'Move');
})
.mouseup(function(e)
{
    //make sure we are in draw mode otherwise this will fire on any mouse up.
    if($this.scratch)
    {
        $this.scratch = false;
        $this.scratchFunc(e, $this, 'Up');
    }
});

</code>
  </pre>
  <P>
    如果您修改或复制此块，并添加复制mousedown，mousemove和mouseup处理程序功能的touchevents，那么您应该大部分都在那里。
  </p>
</DIV>