前段时间，同事要我帮忙弄个浏览器调用摄像头拍照的demo给客户，一想，这个简单，直接上代码： 1 <video id="video" autoplay width="300" height="400"></video> 2 <canvas id="canvas" width="300" height ...
分类：
Web程序 时间：
2020-05-08 13:13:33
阅读次数：
337
一、什么是Canvas Canvas 是H5的一部分，允许脚本语言动态渲染图像。Canvas 定义一个区域，可以由html属性定义该区域的宽高，javascript代码可以访问该区域，通过一整套完整的绘图功能（API）,在网页上渲染动态效果图。 二、Canvas 能做什么 游戏：毫无疑问，游戏在HT ...
分类：
其他好文 时间：
2020-05-08 11:21:58
阅读次数：
81
作者：云荒杯倾 序 本意是用这个做视频遮罩效果，但是还是从更通用的角度来解释事情本身吧。少掺杂一点业务目的。 主要实现功能 在canvas画布上跟随鼠标的按键、移动画出拖拉范围内的矩形；弹出选择项，选“对勾”则将这部分矩形填上背景色，选“叉号”则取消本次拖拉的矩形。 代码块 代码不长，直接放。 引用 ...
分类：
其他好文 时间：
2020-05-07 20:12:51
阅读次数：
87
之前注意到的一个例子，但是一直没有沉下心来看这个例子到底有什么优点，总觉得就是一个 list 列表，也不知道右边的 3d 场景放两个节点是要干嘛，今天突然想起来就仔细地看了一下这个例子的代码，实际操作中应该还是有用处的，就跟大家分享一下。 本例地址： http://hightopo.com/guid ...
分类：
Web程序 时间：
2020-05-07 10:49:59
阅读次数：
74
弄了一堆线方块和函数，感觉挺玄乎，然并卵。我们直接写个项目看看。 canvas一个比较拽的应用就是图表和游戏，我们从浅入深，先玩图表，图表我们今天说一个最简单柱状图。 柱状图很多人用百度的echars,那么我们会用更要会写，为啥？我见过太多的人问我echarts不可能完全符合他们公司的需求，随便改一 ...
分类：
其他好文 时间：
2020-05-06 18:15:42
阅读次数：
47
使用weapp-qrcode.js 链接：https://pan.baidu.com/s/1j0qjoYvl6pCK8EzSsfks9g 提取码：8wxe <canvas class="canvas-code" canvas-id="myQrcode" :style="{ width: qrcode ...
分类：
微信 时间：
2020-05-06 18:14:39
阅读次数：
88
上一篇文章我们搭建了基础环境，然后画了个矩形玩了玩，至于如何画矩形线框之类的，这些看看手册就行了，没啥复杂的，参数搞对单词别拼错就OK. 这篇文章说下常见的坑和我们常用资料又比那些基础的线框实用些的曲线。 啥也不说，先上一梭子代码。 <!DOCTYPE html> <html lang="en"> ...
分类：
其他好文 时间：
2020-05-06 18:08:38
阅读次数：
49
1.效果展示： 2.代码实现： // 合成分享图片 function drawImage(qcodeUrl,inviter_name){ var canvas = document.getElementById('myCanvas'); var context = canvas.getContext ...
分类：
Web程序 时间：
2020-05-06 12:16:24
阅读次数：
174
1.什么是弧度？ 弧度又称弪度，是平面角的单位，也是国际单位制导出单位。单位弧度定义为圆弧长度等于半径时的圆心角。角度以弧度给出时，通常不写弧度单位，或有时记为rad。 一个完整的圆的弧度是2π，所以2π rad = 360°，1 π rad = 180°，1°=π/180 rad，1 rad = ...
分类：
其他好文 时间：
2020-05-06 09:13:06
阅读次数：
69
原文:贝塞尔曲线 WPF MVVM N阶实现 公式详解+源代码下载 源代码下载 效果图： 本程序主要实现： N阶贝塞尔曲线（通用公式） 本程序主要使用技术 MVVM InterAction 事件绑定 动态添加Canvas的Item 第一部分公式： n=有效坐标点数量 i=坐标点的下标 P是坐标 t是... ...
