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

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

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

当前分类:

> 网页设计 > HTML5 >

  • 让你听见的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
  • 基于HTML5的3D工业互联网展示方案07月02日

    前言 通用电气(GE)、IBM、英特尔等公司主推的工业互联网正在经历产品-数据分析平台-应用-生态的演进。这主要得益于 Predix 数据分析平台对工业互联网应用的整合能力。Predix 就像工业数据领域的 iOS 或者安卓系统一样,能够让工程师自己建立模型和应用

    Tags:HTML5
  • 看完这篇文章以前 你可能并没有真正搞懂H505月11日

    这几年,H5 很火,刷爆朋友圈的 H5 层出不穷,比如,军装照、一元画廊等等。许多营销总监张口就说,给我来一个 H5。但是,H5究竟是什么,你真的清楚吗? H5 是什么 知乎上关于 H5 是什么?的讨论非常火爆,共有 123 个回答。 其中H5 是一种用在微信上的 PPT

    Tags:虚拟现实Apple手机
  • 基于HTML5 Canvas实现的文字动画特效04月02日

    前言 文字是网页中最基本的元素,一般我们在网页上都是展示的静态文字,但是就效果来说,还是比较枯燥的。文字淡入淡出的动画效果在项目中非常实用,如果有某些关键的文字,可以通过这种动态的效果来提醒用户阅读。 动态效果图 这个 Demo 是不断重复地设置文

    Tags:CanvasHTML5

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

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