【three.js详解之一】入门篇
开场白 webGL可以让我们在canvas上实现3D效果。而three.js是一款webGL框架，由于其易用性被广泛应用。如果你要学习webGL，抛弃那些复杂的原生接口从这款框架入手是一个不错的选择。 博主目前也在学习three.js，发现相关资料非常稀少，甚至官方的api文档 ...
花费 24 ms
HTML5 中canvas支持触摸屏的签名面板
1.前言 最近实在是太忙了，从国庆之后的辞职，在慢慢的找工作，到今天在现在的这家公司上班大半个月了，太多的心酸泪无以言表，面试过程中，见到的坑货公司是一家又一家，好几家公司自己都只是上 ...
pixi.js教程中文版--基础篇
前言 Pixi.js使用WebGL，是一个超快的HTML5 2D渲染引擎。作为一个Javascript的2D渲染器，Pixi.js的目标是提供一个快速的、轻量级而且是兼任所有设备的2D库。提供无缝 Canvas 回退，支持主流浏览器，包括桌面和移动。 Pixi渲染器可以开发者享受到硬件加速 ...
8个非常实用的Vue自定义指令
在 Vue，除了核心功能默认内置的指令 ( v-model 和 v-show )，Vue 也允许注册自定义指令。它的作用价值在于当开发人员在某些场景下需要对普通 DOM 元素进行操作。 Vue 自定 ...
微信小程序 canvas 实现图片拉伸、压缩与裁剪
注意：本文转载自https://blog.csdn.net/vivian_jay/article/details/68933161 一、canvas绘图API 工欲善其事；必先利其器。 隆重请出主角：canvas绘图函数drawImage()，酱酱酱~ 它能做什么： 1. ...
HTML5 Canvas实战之刮奖效果
近年来由于移动设备对HTML5的较好支持，经常有活动用刮奖的效果，最近也在看H5方面的内容，就自己实现了一个，现分享出来跟大家交流。 1、效果 2、原理 原理很简单，就是在刮奖区添加两个canvas，第一个canvas用于显示刮开后显示的内容，可以是一张图片或一个字符串，第二个 ...
【微信小程序canvas】实现小程序手写板用户签名(附代码)
工作中公司业务需要的微信小程序用户签字功能 先看效果图： wxml： 上面代码中所用的图片资源： color_black.png color_black ...
canvas快速绘制圆形、三角形、矩形、多边形
想看前面整理的canvas常用API的同学可以点下面： canvas学习之API整理笔记（一） canvas学习之API整理笔记（二） 本系列文章涉及的所有代码都将上传至：项目代码github地址，喜欢的同学们欢迎点Star～ 从本篇文章开始，我会分享给大家canvas绘制的各种基础图形和酷 ...
canvas详解----绘制线条
<!DOCTYPE html> <html> <head> <title>canvas详解</title> </head> <body> <canvas id="canvas" width="1024 ...
Canvas设置width与height 的问题！
最近因为工作需要，所以就学了一下Html中的Canvas标签。 当我看了一下教程后，自己写了一个hello world的时候，麻烦事就出现了。看下面代码： 上面代码的意思，是要在一个width和height各为200px的canvas上画一条直线，该直线的起点为(0,0 ...