Chart.js使用小结 官方文档 英文文档 [链接]中文文档 [链接] 在react中的使用 开始使用 {代码…} 在相应的页面中引入 chartjs {代码…} 先写一个小的demo {代码…} [链接] 动态更新的数据 {代码…} [链接]

一个通过 css 属性画 canvas 图片的轻量级的 vue 组件(A lightweight vue components use canvas draw image by css properties.)

示例代码托管在：[链接]博客园地址：《大史住在大前端》原创博文目录 华为云社区地址：【你要的前端打怪升级指南】 [TOC] 有了上一篇基础知识的储备，本节就来制作一下简易版的MARVEL的片头动画。【点击观看动画…

一，点线面常识 1.基本概念 点：0 维对象，没有大小，只有位置(x,y,z) 线：由无数个点组成，只有长度，没有宽度 面：二维对象，拥有位置，宽高，边界，面积属性，没有厚度 2.三角函数：这位大神讲得很好，我就不…

二，canvas 尺寸1.canvas 的尺寸设置：直接设置canvas 标签的width和height 属性。2.canvas 默认尺寸为300*150。3.不可通过css 设置尺寸，否则会在其默认尺寸的基础上进行拉伸。

图表是数据表示的一种直观的形式，前端开发经常回合图表打交道，一般都会借用第三方的js库，如echats、bizchats等，但如果只是很简单的图标，我们完全可以自己绘制，现在我们来绘制一个简单的百分比展示图表

之前在逛cssdesignawards时发现了一个把图片内容分割的效果（网址：[链接]），大家可以点进去看看，感觉挺炫酷的，于是自己试着实现了一下，效果还不错。效果查看[链接]。

最终效果 一、定义初始变量 {代码…} 二、工具方法 {代码…} 三、渲染方法 {代码…} 具体思路： 为了方便，代码中使用弧度的地方一律由角度转为弧度 1.绘制外环： 这一步最简单，直接按照官方的使用方法使用即…

小程序canvas的API并没有像其他的一样支持小程序独有的 rpx 自适应尺寸单位，在绘制内容时所应用的单位仍然是 px，那么如何实现不同尺寸屏幕的自适应呢？

1：Canvas动画原理 快速切换的静态画面。 2：基本步骤 绘制 – 清空 – 绘制 – 清空 – 绘制 … 3：控制函数 setTimeout setInterval requestAnimationFrame 4：四种运动 线性运动 {代码…} 从左到右匀速运动 变速…