花费 41 ms
【three.js详解之一】入门篇

开场白 webGL可以让我们在canvas上实现3D效果。而three.js是一款webGL框架,由于其易用性被广泛应用。如果你要学习webGL,抛弃那些复杂的原生接口从这款框架入手是一个不错的选择。 博主目前也在学习three.js,发现相关资料非常稀少,甚至官方的api文档 ...

2012-08-17 00:17 42 145713
HTML5 中canvas支持触摸屏的签名面板

1.前言 最近实在是太忙了,从国庆之后的辞职,在慢慢的找工作,到今天在现在的这家公司上班大半个月了,太多的心酸泪无以言表,面试过程中,见到的坑货公司是一家又一家,好几家公司自己都只是上 ...

2015-11-17 19:39 24 51471
pixi.js教程中文版--基础篇

前言 Pixi.js使用WebGL,是一个超快的HTML5 2D渲染引擎。作为一个Javascript的2D渲染器,Pixi.js的目标是提供一个快速的、轻量级而且是兼任所有设备的2D库。提供无缝 Canvas 回退,支持主流浏览器,包括桌面和移动。 Pixi渲染器可以开发者享受到硬件加速 ...

2014-11-10 17:06 3 52367
微信小程序 canvas 实现图片拉伸、压缩与裁剪

注意:本文转载自https://blog.csdn.net/vivian_jay/article/details/68933161 一、canvas绘图API 工欲善其事;必先利其器。 隆重请出主角:canvas绘图函数drawImage(),酱酱酱~ 它能做什么: 1. ...

2018-08-23 22:58 0 17068
HTML5 Canvas实战之刮奖效果

近年来由于移动设备对HTML5的较好支持,经常有活动用刮奖的效果,最近也在看H5方面的内容,就自己实现了一个,现分享出来跟大家交流。 1、效果 2、原理 原理很简单,就是在刮奖区添加两个canvas,第一个canvas用于显示刮开后显示的内容,可以是一张图片或一个字符串,第二个 ...

2014-03-05 02:17 48 41755
canvas快速绘制圆形、三角形、矩形、多边形

想看前面整理的canvas常用API的同学可以点下面: canvas学习之API整理笔记(一) canvas学习之API整理笔记(二) 本系列文章涉及的所有代码都将上传至:项目代码github地址,喜欢的同学们欢迎点Star~ 从本篇文章开始,我会分享给大家canvas绘制的各种基础图形和酷 ...

2016-12-29 17:51 11 26059
canvas详解----绘制线条

<!DOCTYPE html> <html> <head> <title>canvas详解</title> </head> <body> <canvas id="canvas" width="1024 ...

2015-12-14 23:31 1 33011
Canvas设置width与height 的问题!

最近因为工作需要,所以就学了一下Html中的Canvas标签。 当我看了一下教程后,自己写了一个hello world的时候,麻烦事就出现了。看下面代码: 上面代码的意思,是要在一个width和height各为200px的canvas上画一条直线,该直线的起点为(0,0 ...

2015-11-23 07:49 1 32258
canvas 做个好玩的网站背景

  不知不觉又好久没更过博客了,老调新弹一下,之前做的一个小效果,觉得蛮有意思的,也有朋友问是怎么做的,就分享一下,写个博文吧。   先上demo吧:http://whxaxes.github.io/canvas-test/src//Funny-demo/netparticle ...

2015-11-13 04:16 58 21839

 
粤ICP备18138465号  © 2018-2020 CODEPRJ.COM