文章列表
canvas中显示对象交互的简陋实现
- 博客分类:
- 前端
人比较懒,聊天的时候废话连篇,写文章的时候就懒了..就简单说一下思路,不会的同学看下思路,不怕我误人子弟就行...会的同学欢迎多多拍砖,每一个砖头都是进步的垫脚石,不胜感激!
起因:
在csdn上一个朋友提问,用什么办法检测canvas上面显示对象的hover方法,记录在本博客的"论坛回帖随手写"分类下面了,有兴趣的同学可以看下。
当时写的时候,只是以实现为目的,没有扩展性,不通用,于是就想些一个通用一点的来着。
但是碍于时间问题,一直拖着,兴许拖着拖着就忘了也未可知。
正好公司决策层改变主意,正在进行的项目有些变更,闲下来就简单实现了个canvas的动画效果和鼠标点击事件 ...
javascript获取get方式传参
- 博客分类:
- 论坛回帖随手写
(function(){
var get = window.$_GET = {};
var args = location.search.replace('?','').split('&');
for(var i=0,j=args.length,temp;i<j;i++){
temp = args[i].split('=');
get[temp[0]] = temp[1];
}
})();
// 把上面的代码拷贝到页面中就可以通过$_GET['xxx']来获取?传递过来的参数了
// 下面是测试
if(!$_GET['arg1'])loc ...
canvas模拟hover事件
- 博客分类:
- 论坛回帖随手写
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; chars ...
<script type="text/javascript">
//将数组头部的一个集合移动到数组末尾,不允许使用数组自带的方法
//{1,2,3,4,5,6,7}=>{4,5,6,7,1,2,3}
var arr = ['num-1','num-2','num-3','num-4','num-5','num-6','num-7'];
function moveHeadCollectToEnd1(arr,pos){
for(var i=0;i<=pos;i++){
var temp = arr[0];
for(j=0;j<arr. ...
canvas圆与点的碰撞检测
- 博客分类:
- 论坛回帖随手写
<!DOCTYPE html>
<head>
<title>text</title>
<style>
html,body{ margin:0; padding:0;}
</style>
</head>
<body>
<canvas id="mycircle" width="400" height="300" style="border:1px solid #333; position:absolute; lef ...