花费 20 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
8个非常实用的Vue自定义指令

在 Vue,除了核心功能默认内置的指令 ( v-model 和 v-show ),Vue 也允许注册自定义指令。它的作用价值在于当开发人员在某些场景下需要对普通 DOM 元素进行操作。 Vue 自定 ...

2020-12-24 21:29 0 7880
微信小程序 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

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