自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(21)
  • 资源 (9)
  • 论坛 (16)
  • 问答 (8)
  • 收藏
  • 关注

原创 【坑】javascript中匿名函数表达式的估值操作

在《HTML5 Canvas核心技术——图形、动画与游戏开发》第五章5.1.3小节看到了这样一个注释,原句是这样的“代码最后一行的‘()’表示对匿名函数表达式进行估值操作”我就在想:估值操作时什么鬼?在网上查资料之后,估值操作实际上就是这样 (function (a, b){ alert(a+b); })(2, 8);用一个小括号把一整个匿名函数扩起来,再在小括号后面

2015-08-31 20:39:38 16561

原创 【坑】javascript中让setTimeout方法间隔时间更为精确

var message = document.getElementById("message"); var count = 1000; function animate() { var start = +new Date(); message.innerHTML = count--; var finish = +new Date(); setTimeout(anim

2015-08-31 17:03:04 20164

原创 【实例】html5-canvas上实现图片的颠倒效果

在线演示 #canvas { border: thin solid black; } var canvas = document.getElementById("canvas"); var context = canvas.getContext("2d"); var image = new

2015-08-31 11:11:54 18313

原创 【坑】【实例】【未解决】html5-canvas中实现图片的浮雕效

在线演示 #canvas { border: thin black solid; } var canvas = document.getElementById("canvas"); var context = canvas.getContext("2d"); var image = new Ima

2015-08-30 20:31:48 17254

转载 【实例】html-canvas中实现图片的放大

摘自《HTML5 Canvas和性技术:图形、动画与游戏开发》

2015-08-29 20:41:02 16886

原创 《HTML5 Canvas核心技术——图形、动画与游戏开发》第三章要点汇总

笔记点使用context.measure("W").width可以获取当前context下W的绘制在canvas上的宽度通过指定fillText、strokeText中的最后一个参数就可以实现插入canvas的字段指定宽度使用context.createLinearGradient来实现绘制文本的颜色渐变使用context.createPattern来实现绘制文本用image来填充在线

2015-08-19 08:35:06 17671

转载 【实例】html5在canvas上绘制坐标轴

直接上代码 #canvas { border: thin solid red; } var canvas = document.getElementById("canvas"); var context = canvas.getContext("2d"); //水平标尺与canvas的距离 var H

2015-08-17 16:37:42 21590

原创 【坑】html5-canvas中使用clip抠出一个区域

本想在一个fillRect中抠出一个区域来给我用的,这个是在学clip方法的时候用到的但是怎么也弄不出扣的区域,代码如下 var canvas = document.getElementById("canvas"); var context = canvas.getContext("2d"); context.fillStyle = "l

2015-08-16 11:58:58 21353

原创 【实例】html5-canvas绘制线段、矩形和圆

关键点鼠标按住之后实现绘图的预览,松手之后才真正画在canvas中绘制圆形的时候需要对圆的大小方位进行控制需要对当前鼠标的坐标进行精准的定位代码实现 #canvas { border: thin solid black; cursor: crosshair; } 辅助线间距 辅助线颜色

2015-08-15 19:50:41 16904

原创 【坑】【未解答】使用canvas中的arcTo绘制圆角矩形遇到的问题

书中给的代码示例如下 var canvas = document.getElementById("canvas"); var context = canvas.getContext("2d"); drawRoundRect(100, 100, 200, 200, 50); function drawRoundRect(x, y, w, h

2015-08-13 16:13:51 17163 1

原创 【实例】html5-canvas中实现绘制虚线的方法

解决思路我们使用类似moveTo加lineTo的方法绘制一段一段的线段moveTo的方法不需要改动,我们只要把lineTo的方法改成绘制虚线就好,这时我们就需要一个新的方法来绘制虚线新的方法需要获取moveTo中的坐标,以便向lineTo那样与moveTo方法产生关联在新方法中我们要算出这个虚线总共有多少条线段,每条线段的起点终点的位置在实际的绘制每段线段中我们应该交替使用moveTo

2015-08-12 22:23:08 26815 1

原创 【实例】html5-canvas通过鼠标绘制线段

body { background: #eeeeee; } #controls { position: absolute; left: 25px; top: 25px; } #canvas { background: #ffffff; cursor: pointer; mar

2015-08-12 19:21:59 20712 2

原创 【坑】html5中使用context.lineWidth设置线的宽度是1,然而输出的宽度是2的原因

var context = document.getElementById("canvas").getContext("2d"); context.beginPath(); context.lineWidth = 1; context.moveTo(100, 100); context.lineTo(600, 100);

2015-08-11 19:35:22 18037

原创 【坑】html5中使用canvas绘制两个strokeRect之间忘了用beginPath()

代码 canvas { border: thin solid black; } var canvas = document.getElementById("canvas"); var context = canvas.getContext("2d"); context.beginPath(); co

2015-08-11 09:13:50 17368

原创 【坑】在chrome浏览器中不能显示用context.drawImage画出的图

问题产生在学习context给画布画图像的时候发现使用Firefox浏览器可以正常显示图像,而chrome则不行,经百度后知道是因为chrome浏览器会先加载javascript代码,之后才加载图片,这样就造成了我是用drawImage的时候那个图片并没有加载出来。解决办法把画图片到canvas的代码放在在image对象上onload事件中,就像这样image.onload = f

2015-08-09 15:38:22 17852

原创 【实例】【html5】在canvas获取鼠标的坐标

方法使用onmousemove来实时获取当前鼠标移动事件,以刷新新的坐标使用canvas.getBoundingClientRect()获取当前画布的位置信息实现在线演示 #canvas { border: thin solid blue; } var canvas = documen

2015-08-09 07:50:31 46108

原创 【实例】使用jquery自带的slideToggle由上到下缓缓加载图片

引出上一篇博文是使用canvas逐条输出像素来实现从上到下缓缓输出图片,今天睡了一晚,想起以前学jquery的时候原版的库中就有显示和隐藏的方法。而且相当于canvas显示图片,jquery是相对简单的。只需要提前下好jquery就行实现在线演示 window.onload = function() { var myCanva

2015-08-05 10:38:32 17177 1

原创 【实例】使用canvas缓缓加载一个图片到web页面中

由于要做web前端设计,用到这个效果,弄了一个晚上,总算是弄出来了效果从上到下缓缓载入一个图片思路获取一个空白canvas,使用drawImage方法画出整个图像获取这个图像中的每一行的数据清除这个canvas,之后在缓缓把刚刚获取到的数据写回去(如果可以直接获取image对象的数据直接写到canvas就好了)实现在线演示

2015-08-04 23:34:22 17494

原创 【阅读】《head first html5》第十章——《运用javascript》(实际上的javascript线程)

如果没有web工作线程,javascript是单线程的,这说明它一次只能做一件事情如果交给一个javascript程序太多的工作,可能收到一个脚本运行缓慢的对话框(这是应该要优化下你的代码了)web工作线程在一个单独的线程处理任务,所以主javascript代码可以继续运行,用户界面可以保持响应web工作线程的代码放在与页面代码不同的一个单独的文件中web工作线程不能访问也买你代码中的函数或DOM

2015-08-03 10:10:27 16652

原创 【阅读】《head first html5》第九章——在本地存储

web存储是浏览器中的一个存储库,可是一个API,可是用来从这个本地存储库保存和获取数据大多数浏览器都为每个源提供了至少5MB的存储空间Web存储包括本地存储(localStorage)和会话存储(sessionStorage)本地存储是持久的,即使你关闭浏览器窗口或退出浏览器,本地存储仍然保留会话存储中的数据项会在你关闭浏览器窗口或退出浏览器时删除。会话存储很适合临时数据项,而不是长期存储本地存

2015-08-01 20:47:12 16589

原创 【实例】html5中使用localStorage实现简易的便利贴网页

要求实现长时间(即便是关了浏览器)也能记录数据让每一条便利贴以对象的方式存储思路可以使用html5中的localStorage实现长时间的数据本地存储使用json中的parse和stringify实现便利条对象的数据化转换每一个便利条有数据(text)和颜色(color)两个属性可以使用(new Date()).getTime()来让每一个便利条的key唯一实现

2015-08-01 17:28:54 18592 2

jquery例子——换脸

一个点击脸部的不同区域就可以换成另一个风格的脸

2014-10-31

更新struts2.5.22所需要的jar

更新struts2.5.22所需要的jar,个人用,不完美。记得挑选着使用。

2019-12-25

易班SDK,老版本,易班SDK,老版本

更新自2015年,可能已经过时

2016-01-18

对称性网站

这个是我从《网页设计创意书(第二卷)》中找到的一个网站,觉得它挺简洁的,采用了良好的对称性。

2014-08-19

移动到按钮上有条条的

我会说这个网页比较简单我才做的吗? 这个的颜色不多,现在看来还觉得有点单调呢

2014-08-20

含有模糊图片和圆形图片的网站

他的圆形的图片框框我很喜欢,还有这个最上面的模糊的图片,这个不影响页面上文字的阅读,这也是值得借鉴的地方

2014-08-19

php-5.2.17-Win32-VC6-x86.msi

在windows双击即可运行,现在不知怎的在官网好像没有看到msi类型的安装了

2014-10-12

httpd-2.2.25-win32-x86-no_ssl.msi

windows下双击可运行,以前学习Apache的时候老师用的就是这个,网上不好找,官网上都是压缩文件,msi的还要另外找,挂到这里方便别人下载吧

2014-10-12

jquery的问题

把Demo文件中的jquery引用改成2.1版本的就不行了

2014-10-12

微信小程序 获取二维码(小程序码)并将图片保存到本地遇到的生成文件无法打开的问题

发表于 2018-03-06 最后回复 2020-07-16

_Slience_的留言板

发表于 2020-01-02 最后回复 2020-01-02

JAVA对接.NET接口,使用axis来做WebService遇到的问题

发表于 2016-08-23 最后回复 2016-11-04

明明有ServiceRegistry这个类,但是报错说找不到

发表于 2016-02-25 最后回复 2016-09-22

在遍历canvas图像数据时,提高程序运行效率的方法遇到的问题

发表于 2015-08-30 最后回复 2016-03-25

在学习canvas中实现图片的浮雕效果时遇到的一点问题

发表于 2015-08-30 最后回复 2015-09-14

canvas中获取鼠标的坐标问题

发表于 2015-08-15 最后回复 2015-08-22

关于使用canvas绘制多个子路径之后填充的问题

发表于 2015-08-11 最后回复 2015-08-17

html5中绘制圆角矩形的问题

发表于 2015-08-13 最后回复 2015-08-13

宿舍区的网络不能访问学校的指定服务器,而教学区的可以,造成这种情况的原因及解决办法

发表于 2015-05-23 最后回复 2015-08-01

浏览器对setTimeout方法的处理方式

发表于 2014-11-19 最后回复 2014-11-26

使用IE、chrome、Firefox怎么查看ajax请求的xml文件的内容

发表于 2014-11-20 最后回复 2014-11-26

求一个用javascript读取Excel表格内容的小例子

发表于 2014-10-22 最后回复 2014-11-19

不同的jquery显示效果差别怎么就这么大呢

发表于 2014-10-12 最后回复 2014-10-13

如何在页面中添加一个自定义的小窗口

发表于 2014-09-26 最后回复 2014-09-27

跟你打听个人。。。

发表于 2014-03-05 最后回复 2014-09-26

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除