King.ShapeTouch

实现H5中区域判断
授权协议 GPL
开发语言 JavaScript
所属分类 Web应用开发、 HTML5开发相关
软件类型 开源软件
地区 国产
投 递 者 方建明
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

ShapeTouch

ShapeTouch 该Javascript库用于实现H5中不规则图形按钮可点击区域的判断,特别用于H5游戏中的某些场景。

API 调用接口

king.shape.touch(src,x,y,callback)
king.shape.touchPoint(src,point,callback)

point对象示例:
The point object like this:

{x:9,y:25}

Return 返回值

Object {touch: true, alpha: 255} Or Object {touch: false, alpha: 0}

touch为true时,该点非透明,点击生效,alpha值大于0,touch为false时,该点透明,alpha为0.
(开发者也可以根据alpha的值自行判断点击是否生效)
The touch is true, the point is not transparent, the alpha value is greater than 0.

Use 使用

Html:添加引用后直接使用

<script type="text/javascript" src="ShapeTouch-min.js"></script>
<script type="text/javascript">
(function() {
  king.shape.touch('images/logo.png',20,40,function(result){
    console.log(result);
  });
});
</script>

Cocos creator:将文件放入assets即可,不需require

this.node.on('touchend', function (event) {
  var touchPoint = event.getLocation();
  var node = event.currentTarget;
  var nodePoint = node.convertToNodeSpace(touchPoint);
  var nodeSrc = node.getComponent(cc.Sprite).spriteFrame.getTexture().url;
  king.shape.touchPoint(nodeSrc,nodePoint,function(result){
    console.log(result);
  });
}, this);
  • king VS king 时间限制: 3000 ms  |  内存限制: 65535 KB 难度: 1 描述 啊,从前有两个国家X和Y。两国都是兵强马壮,国王更是威猛无比。但是两个国王同时看上了一个美貌的女子,由于两个国王都深爱这名女子,都不想放弃,由于两名国王都是仁爱,害怕劳民伤财不想打仗,于是便有了个决定,决定分别派出 n 个人 来进行比赛ACM刷题; 国王们都深知( 田忌赛马这件事),于是出

  • http://acm.hdu.edu.cn/showproblem.php?pid=5641 King’s Phone Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/65536 K (Java/Others) Total Submission(s): 2883 Accepted Submission(s): 657 Probl

  • 题目大意 有 n(n≤105) 只猴子,初始每只猴子为自己猴群的猴王,每只猴子有一个初始的力量值。这些猴子会有 m 次会面。每次两只猴子 x,y 会面,若 x,y 属于同一个猴群输出 −1 ,否则将 x,y 所在猴群的猴王的力量值减半,然后合并这两个猴群。新猴群中力量值最高的为猴王。输出新猴王的力量值。 简要分析 我们需要一种数据结构维护元素,支持快速合并,查找最大值。普通的堆并不能快速合并,所以

 相关资料
  • 这个题是从叶落为重生的一篇博客上看到的,觉得挺有想法,就整理了下,做个记录。 记录思路,不考虑兼容性。 题干如题,实现一个椭圆可点区域 分析与思考 思路一:DOM + border-radius 看到题后我的第一反应就是这个,但发现题主并没有采用border-radius的方式,以为这样行不通,自己试了下,是可以的。这个思路很简单,也很实用,就普通用border-radius实现一个椭圆的div,

  • 本文向大家介绍Android实现图片区域裁剪功能,包括了Android实现图片区域裁剪功能的使用技巧和注意事项,需要的朋友参考一下 今天做的就是关于实现图片的区域裁剪功能。由于项目功能的需要笔者需要实现PDF文档的阅读,并且就某个页面实现“图片”裁剪(一个页面理解为一张图片)。笔者对着方面是一点儿也不熟悉,因此就得上网查资料了。之后笔者找到了Android可以通过调用系统相册、拍照实现图片的裁剪、

  • 本文向大家介绍Python简单实现区域生长方式,包括了Python简单实现区域生长方式的使用技巧和注意事项,需要的朋友参考一下 区域生长是一种串行区域分割的图像分割方法。区域生长是指从某个像素出发,按照一定的准则,逐步加入邻近像素,当满足一定的条件时,区域生长终止。区域生长的好坏决定于1.初始点(种子点)的选取。2.生长准则。3.终止条件。区域生长是从某个或者某些像素点出发,最后得到整个区域,进而

  • 我正在尝试在python中实现区域增长分割算法,但不允许使用种子点。到目前为止我的想法是这样的: 谁能给我指出正确的方向吗? 谢谢你!

  • 本文向大家介绍Java Swing JTextArea文本区域的实现示例,包括了Java Swing JTextArea文本区域的实现示例的使用技巧和注意事项,需要的朋友参考一下 1. 概述 官方JavaDocsApi: javax.swing.JTextArea JTextArea,文本区域。JTextArea 用来编辑多行的文本。JTextArea 除了允许多行编辑外,其他基本用法和 JTex

  • 本文向大家介绍js如何实现打印指定的区域?相关面试题,主要包含被问及js如何实现打印指定的区域?时的应答技巧和注意事项,需要的朋友参考一下 css setting query print , hidden unwanted print DOM; call , OR using Chrome right-click menu js https://developer.mozilla.org/en-U