动画
文章平均质量分 79
_ForeverYouth_
欲望以提升热忱,毅力以磨平高山
展开
-
异形布局 canvas画龙
异形布局 canvas画龙参考文章:产品经理:你能不能用div给我画条龙?<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> html, body { margin: 0; padding: 0; background: #3原创 2021-06-15 11:20:21 · 1170 阅读 · 1 评论 -
原生JS基于canvas写的一个贪吃蛇小游戏
直接复制粘贴就能玩<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"/> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1原创 2021-05-08 10:08:33 · 248 阅读 · 0 评论 -
SVG绘制等份环形图
SVG绘制等份环图需求如下图使用技术:svg.js和无敌的jQuery我们需要使用svg的path绘制每项数据的环图份额path元素的属性d用于定义路径,属性d实际上是一个字符串,包含了一系列路径描述。这些路径由下面这些指令组成:Moveto,Lineto,Curveto,Arcto,ClosePath。我们会用到的指令有:Moveto(移动画笔到起始点),语法:‘M x,y’ 在这里x和y是绝对坐标,分别代表水平坐标和垂直坐标;Lineto(绘制直线),语法:‘L x, y’ 在这里x和y原创 2021-03-25 17:16:18 · 981 阅读 · 0 评论 -
Canvas
Canvascanvas概述canvas的像素化我们使用canvas绘制了一个图形,一旦绘制成功了,canvas就像素化了它们。canvas没有能力,从画布上再次得到这个图形,也就是说我们没有能力去修改已经在画布上的内容,这个就是canvas比较轻量的原因 如果我们想要让这个canvas图形移动,必须按照 清屏-更新-渲染的逻辑进行编程canvas的动画思想动画思想就是 清屏-更新-渲染实际上动画的生成就是相关静态画面连续播放,这个就是动画的过程,我们把每一次绘制的静态画面叫做 “原创 2021-04-23 17:32:09 · 783 阅读 · 0 评论