上一页 1 ··· 8 9 10 11 12 13 14 15 16 下一页
摘要: WebSocket作用 在Web应用越来越复杂的今天,消息推送已经成为一个非常重要的功能了,有了消息推送,Web页面就能够及时的接收到来自服务端的消息,为用户展现最好的交互体验。过去我们在实现Web页面的消息推送时,一般都是由页面发起请求,以轮询的方式向服务器获取数据,实现起来极为不便,业务逻辑也相 阅读全文
posted @ 2017-02-09 19:45 方帅 阅读(665) 评论(0) 推荐(0) 编辑
摘要: 1. typeof 运算符返回一个用来表示表达式的数据类型的字符串。 typeof expression ; expression 参数是需要查找类型信息的任意表达式。 说明typeof 是一个一元运算符,放在一个运算数之前。 typeof 运算符把类型信息当作字符串返回。typeof 返回值有六种 阅读全文
posted @ 2017-02-09 16:14 方帅 阅读(163) 评论(0) 推荐(0) 编辑
摘要: 本篇文章主要介绍了"深入理解JavaScript函数",主要涉及到JavaScript函数方面的内容,对于深入理解JavaScript函数感兴趣的同学可以参考一下。 JavaScript函数语法 函数是进行模块化程序设计的基础,编写复杂的Ajax应用程序,必须对函数有更深入的了解。javascrip 阅读全文
posted @ 2017-02-09 15:33 方帅 阅读(225) 评论(0) 推荐(0) 编辑
摘要: AxeSlide软件项目梳理 canvas绘图系列知识点整理 自动保存的基本思路 1)软件每次打开都会创建一个保存画布元素信息的文件,文件名是在打开软件时生成的唯一字符串。可同时打开多个窗口,所以保存文件路径下work/context文件夹里可能会有多个文件。 2)每隔2分钟就更新一次context 阅读全文
posted @ 2017-01-18 18:12 方帅 阅读(530) 评论(0) 推荐(0) 编辑
摘要: AxeSlide软件项目梳理 canvas绘图系列知识点整理 保存文件 保存内容有哪些? 我们需要保存的内容信息 1)context.json 存储画布状态信息和所有元素的配置信息(这个文件在过程中生成) 2)插入的图片、音频、视频等资源 3)所用到的字体文件 4)每一帧的缩略图 将这些文件压缩到一 阅读全文
posted @ 2017-01-18 15:30 方帅 阅读(974) 评论(0) 推荐(0) 编辑
摘要: AxeSlide软件项目梳理 canvas绘图系列知识点整理 导出的视频和播放器自动播放效果时一样的,这样用户就可以传到视频网站分享出去,或者mp4文件发送分享给朋友。 导出视频过程 我们导出视频的思路就是: 将画布上绘制的画面一张张存储成图片,我们是一秒存20张图片,假如一个8帧的作品,每一帧的时 阅读全文
posted @ 2017-01-17 15:21 方帅 阅读(720) 评论(0) 推荐(0) 编辑
摘要: AxeSlide软件项目梳理 canvas绘图系列知识点整理 了解本节内容技术点: 安装模块“fluent-ffmpeg” https://github.com/fluent-ffmpeg/node-fluent-ffmpeg API地址:http://www.ffmpeg.org/ 需求背景,我们 阅读全文
posted @ 2017-01-17 10:41 方帅 阅读(988) 评论(0) 推荐(0) 编辑
摘要: AxeSlide软件项目梳理 canvas绘图系列知识点整理 背景介绍 我们的软件支持插入gif图片,并且展示在软件里是动态的,例如插入下面这张gif图。 在软件里显示的同样是这样的动态效果: 那么这张动态的图是怎么绘制到canvas上面的呢,如果只是像绘制一张普通图片用context.drawIm 阅读全文
posted @ 2017-01-13 18:11 方帅 阅读(3408) 评论(0) 推荐(0) 编辑
摘要: AxeSlide软件项目梳理 canvas绘图系列知识点整理 我们创建一个类封装了所有鼠标需要处理的事件。 MouseEventClass就是绑定事件的过程,我们这里只列出部分代码,未列出的事件绑定的部分同理。 如何使用上面我们创建的两个类呢 我们在使用的时候先将MouseEventInfo这个类初 阅读全文
posted @ 2017-01-13 18:10 方帅 阅读(636) 评论(0) 推荐(0) 编辑
摘要: AxeSlide软件项目梳理 canvas绘图系列知识点整理 图形种类 目前我们软件可以绘制出来的形状有如下这几种,作为开发者我们一直想支持用户可以拖拽的类似word里面图形库,但目前还没有找到比较合适的库。 下图中所有的图形都是我们自己写代码在canvas上绘制方法出来的,可以改变实心/空心,改变 阅读全文
posted @ 2017-01-13 18:10 方帅 阅读(2379) 评论(0) 推荐(0) 编辑
上一页 1 ··· 8 9 10 11 12 13 14 15 16 下一页