内容字号:默认大号超大号

段落设置:段首缩进取消段首缩进

字体设置:切换到微软雅黑切换到宋体

当前分类:

> 网页设计 > HTML5 >

  • 前端异常监控解决方案研究09月14日

    前端监控包括行为监控、 异常监控 、性能监控等,本文主要讨论异常监控。对于前端而言,和后端处于同一个监控系统中,前端有自己的监控方案,后端也有自己等监控方案,但两者并不分离,因为一个用户在操作应用过程中如果出现异常,有可能是前端引起,也有可

    Tags:HTML5日志系统系统监控
  • Html5游戏开发:图形与动画(一)08月29日

    最近研究了一下出来了很久的HTML5,总结了一下,准备来个系列,文中也许有很多问题,欢迎大家指正。 Canvas介绍 canvas用于在网页中绘制图形的一个元素,具体内容请查看 - HTML5 Canvas 这里说些w3school中没有的。 立即模式 canvas元素是立即模式的图形系统

    Tags:Html5游戏开发
  • HTML5点播m3u8(hls)格式视频07月19日

    这两年来我们发现越来越多的视频应用使用了m3u8格式的视频,因为可以兼容PC、移动端。相比mp4等视频源,m3u8可以减轻服务器压力(按需加载)。HLS是由苹果公司率先提出的一种协议标准,可用于直播。 查看演示 下载源码 m3u8是一种基于HLS(HTTP Live Streamin

    Tags:m3u8HTML5
  • 让你听见的HTML507月16日

    HTML5 多媒体应用现在还没被大部分挖掘出来,像普通的页游只能简简单单的做一些 2D 渲染,主要差距还是在性能上。H5 天生是动态语言,需要经过解析、编译。而且 JS 还是一个弱类型语言,虽然有 JIT 的帮助,但是解析引擎本身就有一个天花板,你无法、或者直

    Tags:HTML5
  • 第一节:.Net版基于WebSocket的聊天室样例07月05日

    一. 说在前面的话 该篇文章为实时通讯系列的第一节,基于WebSocket编写了一个简易版聊天样例,主要作用是为引出后面SignalR系列的用法及其强大方便之处,通过这个样例与后续的SignalR对比,可以体会到用原生的WebSocket编程的不灵活以及繁琐之处。( PS:下

    Tags:WebSocket聊天室
  • html2canvas的踩坑之路07月05日

    早有耳闻这个html2canvas比较坑,但无奈于产品需求的压迫,必须实现html转图片的功能,自此走上了填坑之路,好在最后的效果还算令人满意,这才没有误了产品上线周期. html2canvas介绍 html2canvas 的详细介绍可以点击这里查看,其实简单来说就是通过 canvas 将 HTM

    Tags:html2canvas
  • 微信小程序利用canvas生成海报分享图片07月05日

    利用微信小程序canvas生成海报分享图片,这个生成图片排版和适配不同尺寸的手机是一个难点,特别是图片适应问题,我处理的方法是动态获取容器的宽度进行适应就是利用微信API wx.createSelectorQuery(),不知道还有没有更好的办法可以请教。 微信截图_20180628

    Tags:canvas微信小程序海报
  • canvas保存图片的场景分析07月05日

    随着浏览器对的canvas的支持,业务上使用的范围也越来越广了。 以前前端需要下载图片时,需要后端在 Content-Disposition: attatchment; filename=xx.png 的http头,现在用 canvas 也是可以实现的了。 下面完整的Demo在这里 获取图片 CORS 图片与站点同域的

    Tags:canvas
  • canvas-缤纷纸片07月05日

    第一次用canvas绘图,其实难度是挺大的,基于js和一些数学知识,还有参考了网上很多的例子,最终完成了demo。 效果如下: ![paper.gif-909.1kB][1] [1]: http://static.zybuluo.com/juanmao/bn8f0lluesbzqadn5tidi14y/paper.gif 调用代码 html head meta cha

    Tags:canvas
  • Java WebSocket Security加密通信实践07月05日

    最近在项目中用到了WebSocket通信的内容 第一版的实现方案:spring-websocket + nv-websocket-client 第一版的模式已经正常得到应用,但有个问题,就是传输过程没有加密,完全明文的方式,这在当前的时代不合时宜,所以考虑对通信过程进行加密传输。 第二版

    Tags:JavaWebSocketSecurity
  • SpringBoot2.0开发WebSocket应用完整示例07月05日

    环境说明:SpringBoot版本2.0.3.RELEASE,Gradle版本4.5.1 一、引用支撑包 compile(org.springframework.boot:spring-boot-starter-websocket) 二、WebSocket服务端 package com.wallimn.iteye.sp.asset.bus.websocket;import java.io.IOException;import ja

    Tags:WebSocketSpringBoot
  • Cax + Matter-js物理引擎结合使用07月05日

    最初试过 box2dweb 与 cax框架 结合使用,发现 box2dweb 的代码会导致 webpack 编译出的 cax 包模块执行顺序乱套。 box2dweb 貌似也没有官方文档和维护地址,所以弃坑转战 Matter-js。 Matter-js 是 Github 上最流行的 Web 2D 物理引擎,主要有如下特性: 支

    Tags:CaxMatter-js物理引擎
  • 装逼速成之手把手教你画Wave动画07月05日

    昨天晚上睡觉前脑海中突然闪过一个特效,从构思,设计,编码,调试,优化,雕琢花了一个多小时。自己爽了一把,发给烧饼哥和吴大狗看,得到了一致评价。 先看效果图: 由于录屏的缘故,看上去可能有些卡顿,也可以打开 CodePen 看源码,接下来的内容主要是讲

    Tags:Wave
  • web实战:video结合canvas实现视频在线截图07月05日

    给大家讲解下我前几天看到的一个有趣小demo:视频在线截图。以下是我修改和添加了新功能后的效果图: 是不是很酷,其实挺简单的,下面就给大家讲讲怎么弄哈。 这里主要分为三大块功能,首先是第一个: 利用URL对象获取视频链接并展示: js的URL对象有个 crea

    Tags:canvasvideo
  • WebSocket协议第四章:Opening Handshake07月05日

    本文为WebSocket协议的第四章,本文翻译的主要内容为WebSocket建立连接开始握手的内容,主要包含了客户端和服务端握手的内容,以及双方如何处理相关字段和逻辑。 4 开始握手(协议正文) 4.1 客户端要求 为了建立一个WebSocket连接,客户端需要建立一个连接

    Tags:WebSocket
  • 基于HTML5的工业互联网3D可视化应用07月05日

    工业企业中生产线处于高速运转,由工业设备所产生、采集和处理的数据量远大于企业中计算机和人工产生的数据,生产线的高速运转则对数据的实时性要求也更高。破解这些大数据就是企业在新一轮制造革命中赢得竞争力的钥匙。因此,工业生产可视化系统是工业制造

    Tags:HTML5
  • angularjs结合html5的拖拽行为07月05日

    闲聊: 小颖公司的项目之前要实现一个将左侧树中当前拖拽的内容,动态添加到右侧树种,虽然这个模块当时没有分给小颖,是同事完成的(小颖也不会嘻嘻),后来看了下他写代码,小颖自己写了个小demo。就当做个笔记啦嘻嘻。 先来 看看具体效果: 实现方法: 1.

    Tags:angularjshtml5
  • 利用离屏canvas提高复制图像放大的效率并添加水印07月05日

    效果如图 离屏canvas会占据一定内存,不过它们可以显著的提高绘图效率 代码如下 !DOCTYPE htmlhtmlhead title图像与视频/title meta charset=utf-8 style type=text/css *{padding: 0;margin: 0} a{text-decoration: none} img{border: none} ul,ol{list-sty

    Tags:canvas
  • 听我说 曾经我也是个矿工07月05日

    曾经,我也是个矿工,也曾勤勤恳恳滴挖矿,赚钱养家,还记得这个老头吗? 没错就是这个白胡子老头,还有下面这个长得挺着急的大叔 什么, 这不是你想象中的矿工? 黄金矿工还不是矿工? 艾玛,需求别太多啊,别拿豆包不当干粮, 玩久了,就觉得画面太过简陋

    Tags:矿工
  • html5 canvas系列教程:像素操作(反色,黑白,亮度,复古,蒙版07月05日

    image getImageData:获取一张图片的像素数据 cxt.getImageData( x, y, width, height ) x:图片所在的x坐标 y: 图片所在的y坐标 width,height 要获取的像素区域 返回值是一个对象,对象包括一个data属性, 宽度,高度. data属性是一个巨大的数组,数组中存

    Tags:canvashtml5

CopyRight © 2015-2016 QingPingShan.com , All Rights Reserved.

清屏网 版权所有 豫ICP备15026204号