Easter79 Easter79
2年前
typescript 简版跳一跳
typescript简版跳一跳学习typescript,第一步应该是学习官方文档,理解最基础的语法。第二步开始用typescript实现一些jscss或者canvas类型的游行。现在开始我们用ts写跳一跳核心点:1.场景的随机创建    2.旗子的跳动    3.落脚点的判断,重点要提及的是射线判断法
Easter79 Easter79
2年前
Vue 前端验证码
⭐前言在vue项目中,登录界面必不可少。简单项目里,验证码通常由数字字母构成。一般有两种产生方式:前端,后端。后端生成,前端直接调用接口,将返回的url放入a标签即可。而前端生成,则大多用canvas画布实现,如何让验证码随屏幕大小变化,还能保持原样不失真,这就是我们要实现的功能。当然,在创建vue项目时,我们必须得克服跨域问题。No'
可莉 可莉
2年前
10款强大的开源 Javascript 图表库
1、EChartsECharts由百度前端技术部开发的,是一个纯Javascript的图表库,可以流畅的运行在PC和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11、Chrome、Firefox、Safari等),底层依赖轻量级的Canvas类库ZRender,提供直观,生动,可交互,可高度个性化定制的数据可视化图表。
Stella981 Stella981
2年前
JTopo + Vue 实现自定义拖拽流程图
JTopoVue实现自定义拖拽流程图市场上做流程图的插件比较多,这里介绍一种基于canvas编写的js插件,结合vue框架做出精美的流程图首先搭建vue框架,这里就不做介绍,由于jtopo官方demo里用到了jquery,所以我的项目里也引用了jquery插件,鉴于这里用到了很多的dom操作,所
Wesley13 Wesley13
2年前
HTML5的一些新特性之增强型表单
     众所周知,HTML5增加了一些新特性,作为一名小白,我也紧跟步伐,接下来几天将会学习HTML5的以下的一些新特性(可能会有多或少,会不定时更新和编辑):(1)增强型表单;(2)视频和音频(重点);(3)Canvas绘图技术;(4)SVG绘图技术;(5)拖放API;(6)地理定位(重点)熟练掌握; (7)WebWorker;(8)W
Wesley13 Wesley13
2年前
Html5 Canvas 扫雷 (IE9测试通过)
扫雷是一个非常经典的游戏,记得在第一次接触的windows3.22上就有扫雷了,到现在的Win7,依然保留着这个经典的游戏,结合Html5Canvas,模仿Win7的UI,将老板扫雷进行了升级。在FireFox,Chrome,和IE9下测试通过。实现中设计的类:CellInfo,MineInfo,InfoProcess,Cell
Wesley13 Wesley13
2年前
Unity 事件系统使用
事件系统上篇简单介绍了一下事件系统,这篇介绍一下怎么使用。UI使用事件系统最常见的使用莫过于我们直接使用的UGUI,当我们创建任意一个UI元素的时候,会自动创建一个Canvas,一个EventSystem。这就启用了unity的事件系统。EventSystem上面挂载有前面我们说的EventSyste
Wesley13 Wesley13
2年前
HTML5 网络拓扑图性能优化
HTML5中的Canvas对文本的渲染(fillText,strokeText)性能都不太好,比如设置字体(font)、文本旋转(rotation),如果绘制较多的文本时,一些交互操作会手动很大的影响,操作起来没那么顺畅,体验将会极其差,这不是我们想要的结果,再进一步和图片的绘制进行比较比较,你会发现,绘制图片和绘制文本在性能上不是一个等级的,在性能上
Wesley13 Wesley13
2年前
Canvas笔画向量交互动画效果,随着鼠标描绘轨迹
!Canvas笔画向量交互动画效果,随着鼠标描绘轨迹(http://static.oschina.net/uploads/img/201403/22152543_6VxR.jpg)今天为大家介绍的是一个挺有趣的交互动画。用户可通过鼠标移动来复刻鼠标的轨迹。用户可长按鼠标左键,然后向某方向快速滑动,之前描绘出的路径会随着滑动的方向而进行旋转
LibraHeresy LibraHeresy
11个月前
Taro 小程序引入 Painter 实现动态生成图片
前言分享给用户一个二维码图片,这是一个很简单的功能,但因为这是小程序环境,且涉及Canvas,那就不简单了。话不多说,搞起。环境node:14.17.3Taro:3.0.21Painter:2.2.2实现npm社区的理念就是不造重复轮子,而我身体力行的实践