为什么弃用Html5 drag Api 之前我也用的Drag Api写了一个draggable组件，使用起来总觉得体验有点不好。 先来看有赞做的类似的拖拽UI组件，它引用的sortablejs库封装了Drag Api 1、拖拽的时候跟随鼠标的影子成为ghost，是Api自动生成的。但是由于这是一个很 ...
分类：
其他好文 时间：
2020-05-02 11:43:14
阅读次数：
80
按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以打开原始页面。 图片切换特效https://codepen.io/ainalem/fu... 用 svg 写的打字机动画https://codepen.io/KPCodes/fu... 用 canvas 画的很多有规律运动的圆https:// ...
分类：
其他好文 时间：
2020-05-02 09:42:02
阅读次数：
58
前言 文字是网页中最基本的元素，一般我们在网页上都是展示的静态文字，但是就效果来说，还是比较枯燥的。文字淡入淡出的动画效果在项目中非常实用，如果有某些关键的文字，可以通过这种动态的效果来提醒用户阅读。 动态效果图 http://www.hightopo.com/demo/...这个 Demo 是不断 ...
分类：
Web程序 时间：
2020-05-02 09:39:04
阅读次数：
71
1、创建canvas <canvas id="canvas"></canvas> var canvas = document.getElementById('canvas') var context = canvas.getContext('2d') 使用context进行绘制 2、线 可以设置的状 ...
分类：
其他好文 时间：
2020-05-01 16:29:29
阅读次数：
53
unity如何实现战争迷雾?思路一 断更很久了,刚好今天放假,写一个unity下实现战争迷雾的思路. 效果如下: 思路如下: 建一个plane作为地面,用UI中的rawimage放在最上层作为迷雾显示,用cube作为主角移动.cube每次移动,将它的坐标转化为rawimage上相对位置的点,然后用t ...
分类：
编程语言 时间：
2020-05-01 13:08:15
阅读次数：
73
二：Canvas的绘图（上） 1. 概述 Canvas具有强大的绘图功能，可以通过Javascript控制其上下文对象进行绘图。 2. 基本矩形 在Canvas上，绘制基本矩形有三种方式：填充、描边、清楚。三种API如下： fillRect(x,y,width,height); 在位置（x,y）处以 ...
分类：
Web程序 时间：
2020-05-01 11:07:59
阅读次数：
63
在前端页面开发过程中偶尔会有需要对数据进行相应的数学模型展示，或者地理位置的动态展示，可能就会想到用canvas，网上有很多已经集成好的，比如说类似echarts,确实功能非常强大，而且用到了canvas，所以对canvas的使用研究了以下，做一下总结，方便复习。1.利用canvas画一条线：首先， ...
分类：
Web程序 时间：
2020-05-01 10:56:08
阅读次数：
68
三：Canvas的绘图（下） 1. 在画布上的合成 合成是指如何精细控制画布上对象的透明度和分层效果。有两个属性可以控制合成操作： globalAlpha globalAlpha Canvas属性用来表示透明度，它的默认值为1.0（完全不透明），并且可以设置从0.0到1.0的值，这项Canvas属性 ...
分类：
Web程序 时间：
2020-05-01 01:33:37
阅读次数：
87
引言： 近期，工作中发现，有些前端小伙伴很少接触到二进制数据，所以将项目中二进制数据的应用和大家分享一下，适合入门了解，高手慎入，欢迎拍砖。项目背景： 基于公司原有图形处理的二进制数据文件（公司自定义的二进制数据格式），实现Canvas绘图。 话说：项目开始的时候我也是一脸懵逼，这么多技术难点需要攻 ...
分类：
其他好文 时间：
2020-04-30 15:11:23
阅读次数：
70
按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以打开原始页面。 纯 css 写的滑块控件https://codepen.io/thebabydin... 用 canvas 写的蜂巢动画https://codepen.io/towc/pen/z... 用 canvas 写的彗星风格的拖尾动画 ...
分类：
其他好文 时间：
2020-04-30 13:50:55
阅读次数：
60
