spacetree组织架构图 说明 jquery插件皆可用于react,使用方法:react中使用jquery插件 效果图 定制化内容的效果图 插件说明 很好的canvas的组织架构图，从上到下按层级展示汇报关系, 支持定制化内容，和异步加载子节点(下面会讲到)。 相关api请参考： 官网 或是ex ...
分类：
其他好文 时间：
2020-05-10 15:25:23
阅读次数：
160
在最近的项目中笔者需要做一个新需求：在canvas中实现自定义的路径动画。这里所谓的自定义路径不单单包括一条直线，也许是多条直线的运动组合，甚至还包含了贝塞尔曲线，因此，这个动画也许是下面这个样子的： 那么如何才能在canvas中实现这种动画效果呢？其实很简单，对于路径的处理svg非常在行，因此在c ...
分类：
其他好文 时间：
2020-05-10 10:54:10
阅读次数：
75
最近在做一个项目，需要在前端对图片切片并上传到七牛云 技术要点 canvas.toBlob(blob=>{}); //可将canvas保存成二进制文件 formData.append('file', blob, 'filename'); //将二进制文件添加到FormData中 ajax.send( ...
分类：
其他好文 时间：
2020-05-09 23:08:15
阅读次数：
107
SVG 思考：位图和矢量图的区别？css canvas和svg又有什么区别？ 位图的质量是根据分辨率判定的，分辨率越大，图像画面越清晰；矢量图没有分辨率的概念。位图放大后会越来越不清晰，像马赛克一样；矢量图则不会。 canvas类似于位图，放大后会不清晰，依赖于分辨率。可以引入jpg，png这类格式 ...
分类：
其他好文 时间：
2020-05-09 01:17:43
阅读次数：
68
之前在做「双十一攻略页」的时候就发现这个细节，但是当时没有太在意，今天又遇到了。 createjs 的代码： var stage = new createjs.Stage(canvas); var container = new createjs.Container(); var rect = ne ...
分类：
其他好文 时间：
2020-05-08 17:55:27
阅读次数：
70
首先要指出的是：DisplayObject 实例的属性<x, y> 与 graphics.draw*(x, y, ...) 的参数<x, y>没有关系。 在原生的 Canvas 中有 <x, y> 的概念，例如：ctx.rect(x, y, width, height)。于是我天真地以为 Displ ...
分类：
其他好文 时间：
2020-05-08 13:35:04
阅读次数：
83
无法实现动态字体引入 这个属于小程序设计问题，因为无法动态创建 css，所以也就无法引入动态生成的 css。一种解决办法是使用后端生成图片，然后页面引入图片。例如使用 node-canvas 模块，比较麻烦就是要在服务器上配置好字体。 小程序后续可能会引入载入自定义字体方案来解决这个问题。 canv ...
分类：
微信 时间：
2020-05-08 13:26:38
阅读次数：
80
前段时间，同事要我帮忙弄个浏览器调用摄像头拍照的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
