- 博客(3)
- 收藏
- 关注
RSS订阅原创 HTML5 Canvas笔记 -- 3
今天写一下如何实现一个在Canvas内运动的矩形框。 简单叙述一下流程： 1）首先定义矩形的位置、速度（像素/秒）、帧率、速度方向这些初始信息。 2）绘制矩形，并调用setInerval(animaion,1000/帧率)，开始绘制动画。 3）绘制动画开始和结束的时刻分别记录下当前时刻，下一帧开始前，重新计算当前帧率(1000/（endTime-st
2017-08-16 22:34:24
256
原创 HTML5 Canvas笔记 -- 2
今天写一下Canvas上可拖拽矩形的实现。 算法流程： 1）定义矩形对象，对象含有矩形左上角位置和长宽信息，以及矩形标号标签，和createPath函数（为检测isPointInPath()使用）。 声明矩形对象数组，将矩形实例压入数组。 2）绘制矩形，并未canvas添加鼠标监听函数（mousedown, mo
2017-08-14 14:07:28
272
原创 HTML5 Canvas笔记 -- 1
闲话少叙，今天准备把HTML5 Canvas相关学习笔记记录下来。 开题第一篇，这里讲讲如何用JS在Canvas上绘制一个钟表。 如今大部分浏览器都支持Canvas元素，如果不确定，可以用语句 document.createElement("canvas").getContext("2d"); 检测一下，不支持的话会抛出异常。 HTML代码：
2017-08-10 20:29:21
191
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人