vue-grid-canvas vue component,基于vue的表格组件,主要解决大数据量的表格渲染性能问题,使用canvas绘制表格,同时支持类似excel的批量选中,复制黏贴删除,实时编辑等功能,目前还在不断…
标签:canvas
JParticles 2.0 发布,打造炫酷的粒子特效
JParticles 2.0 发布,打造炫酷的粒子特效。不好意思哈,在这么繁花似锦的世界里,标题不得不取得吸引眼球一点哈,不然…还是不啰嗦了,我们进入正题吧 简单介绍一下 JParticles 2.0 版本之…
sChart.js:一个小型简单的图表库
介绍 sChart.js 作为一个小型简单的图表库,没有过多的图表类型,只包含了柱状图、折线图、饼状图和环形图四种基本的图表。麻雀虽小,五脏俱全。sChart.js 基本可以满足这四种图表的需求。而它的小,体现在它的体积…
HTML5 进阶系列:canvas 动态图表
前言 canvas 强大的功能让它成为了 HTML5 中非常重要的部分,至于它是什么,这里就不需要我多作介绍了。而可视化图表,则是 canvas 强大功能的表现之一。 现在已经有了很多成熟的图表插件都是用 canvas …
canvas写个简单的小游戏
之前在HTML5 Canvas属性和方法汇总一文中,介绍过Canvas的各种属性以及方法的说明,并列举了自己写的一些Canvas demo,接下来开始写一个简单的小游戏吧,有多简单,这么说吧,代码不到100行,先上效果图…
SegmentFault 技术周刊 Vol.20 - 用 Canvas 画个星空
SegmentFault 曾举办过一个社区官方的比赛「30 行 js 你能做出什么?」,产生了好些有意思的代码,大本钟、瀑布粒子、模拟 loading 等各种精巧的实现。 这期周刊主题,便是受此启发——你能用 Canva…
canvas实现平铺水印
欲实现的水印平铺的效果图如下: 从图上看,应该做到以下几点: 文字在X和Y方向上进行平铺; 文字进行了一定的角度的旋转; 水印作为背景,其z-index位置应位于页面内容底部, 即不能覆盖页面主内容; 平铺的水印应能随窗…
canvas绘图API详解
canvas绘图API详解 1.context的状态 矩阵变换属性 当前剪辑区域 context的其他状态属性: strokeStyle, fillStyle, globalAlpha, lineWidth,lineCa…
Canvas 学习笔记(一)
一直没有系统的去学习一下canvas,都是在用到的时候一边google一边使用,最近工作上的事情告一段落,就决定跟着MDN 学习一下Canvas。 在学习之前,首先了解一下canvas的背景知识。以下内容引用自 MDN:…
HTML5 中 canvas 的使用总结
1. 概述 Canvas API(画布)用于在网页实时生成图像,并且可以操作图像内容,基本上它是一个可以用JavaScript操作的位图(bitmap)。 使用前,首先需要新建一个<canvas>网页元素。 …
canvas仿芝麻信用分仪表盘
hi,这是一个仿支付宝芝麻信用分的一个canvas,其实就是一个动画仪表盘。 首先, 上原图: 这个是在下支付宝上的截图,分低各位见笑了。然后看下我用canvas实现的效果图: <canvas id="canvas…
canvas动画时钟
最近在学canvas,然后根据MDN上的例子做了个动画时钟(为什么要造个轮子,因为丑。。) 这是MDN上的例子,怎么说呢,比较复古吧。 首先,找一张时钟的图片,就是下面这张了。 ——来自bigger than bigge…