<canvas>标签 有属性width/height可以用来设置宽高， 但是宽高默认为：300px * 150px (width * height)javascript操纵： getContext( "2d" )：获取CanvasRenderingContext2D对象。&
原创
2014-07-23 21:07:19
635阅读
关于requestAnimationFrame和 cancelAnimationFrame 兼容写法： 基本用法与区别： setTimeout(code, millseconds) 用于延时执行参数指定的代码，如果在指定的延迟时间之前，你想取消这个执行，那么直接用clearTimeout(timeo
转载
2017-10-23 00:24:00
910阅读
2评论
在现代 Web 前端开发中，动画已经成为用户体验中不可或缺的一部分。一个流畅、自然的动画，不仅能提升界面交互感，还能引导用户理解页面结构与操作逻辑。前端动画的实现方式多种多样，其中最常见的三种是 CSS 动画、Canvas 动画 和 GSAP 动画库。本文将从性能、控制粒度、使用场景等方面，对这三种动画实现方式进行深入对比，并配合代码示例展示它们的典型用法。
手机上看比较虚 关于requestAnimationFrame requestAnimationFrame不需要使用者指定循环间隔时间，浏览器会基于当前页面是否可见、CPU的负荷情况等来自行决定最佳的帧速率，从而更合理地使用CPU。 点击开始，此时控制台一直计数下去，点击暂停，计数器暂停，再次点击开
转载
2016-11-28 21:33:00
552阅读
css的背景图片支持比较丰富的效果，比如通过background-size设置大小，通过background-position设置位置，通过backgro
原创
精选
2023-05-17 21:59:11
367阅读
今天在看帖子的时候，看到了个有趣的css旋转相册，刚好之前做了一个星空背景dome，这里给大家分享下代码： 旋转相册参考：https://blog.csdn.net/gitchatxiaomi/article/details/108474015?utm_medium=distribute.pc_ca ...
转载
2021-05-04 12:05:41
1276阅读
2评论
用Html5/Canvas绘制圆角方块蓝星CSS图标。
投影空间和屏幕空间先不说UI，如果是一个普通渲染流程，一个Cube普通地被渲染。800X600的屏幕中，右边的Cube和中间的Image大小相仿。（可能由于网页显示问题导致本图显示尺寸变小。请自行脑补成其真实800x600大小，起码比下图248X186大好多）248X186的屏幕中，发现正方体已变小，但Image却没变如果屏幕在现实中变小了，这个Cube在现实中也会变小。具体地说，屏幕变小时，Cu
转载
精选
2016-04-25 23:55:31
4374阅读
UGUI的渲染遵循画家算法—刷油漆规则一：Overlay—覆盖模式类似于手机贴膜，所有UI都会显示在场景中2D，3D物体的上层在同一个Canvas下可以调整Canvas子物体的先后顺序，层级面板中越靠上则先被渲染多个Canvas下可以调整Canvas组件的Sort Order属性调整渲染顺序，数值越小的画布越先被渲染二：Camera—相机模式指定相机渲染，Canvas只会在指定...
原创
2021-07-08 17:23:39
2101阅读
在项目中自己使用 Canvas 实现了一下水波图，在这里给大家分享一下它的实现原理。一开始看到波浪，可能不知道从何入手，我们来看看波浪的特征就会有灵感了。没错，有人肯定会想到，就是 正余弦曲线！对于波陡很小的波动，一般选择正弦或余弦的曲线来表示波形，这是最简单而又最接近实际波形的表述。这里我选择了正弦曲线来实现。在讲实现思路之前，我们来回忆一下正弦曲线的基础。正弦曲线正弦曲线公式：y =
转载
2022-11-22 09:05:12
222阅读
相关链接： Drawable、Bitmap、Canvas和Paint的区别http://www.eoeandroid.com/thread-158137-1-1.html 关于Canvas清屏的常用方法http://www.eoeandroid.com/thread-212471-1-1.html 【eoeAndroid社区索引】图形图像之Canvashttp://www.eoeandroi
原创
2012-12-26 11:26:00
291阅读
本文将通过分析部分源码，描述 Android 里面的 Canvas 的大致实现。并且会对 Canvas 的性能做一定分析，提供对 Canvas 的使用建议。GLES20RecordingCanvas 类这个类是什么？为什么我从没用过？我们来看看它的代码：class GLES20RecordingCanvas extends GLES20Canvas { ...}class GLES20Can
原创
2021-05-19 09:24:00
470阅读
一、Canvas 概述Canvas概述 - Canvas 是 HTML5 出现的新标签，像所有DOM一样，拥有自己的属性、方法和事件，其中就会绘图的方法，JavaScript 能够调用它在网页上完成绘图 - Canvas 也是 HTML5 中最强大的特性之一。允许开发者使用动态和交互式可视化方法在Web上实现桌面应用程序的功能
原创
2016-03-29 17:13:09
2398阅读
自己定义控件时经常遇到重写View的Ondraw()方法，Ondraw()方法经常设计到save
原创
2023-03-10 09:45:31
298阅读
在DELPHI为编程者提供了一个灵活的绘图场所,即本文所述的 CANVAS类,在DELPHI中的很多控件都具有此属性,使编程者可以 在这些的控件的表面随心所欲的绘图,这对完善用户界面或者制 作一些屏幕特技都有着非凡的作用,下面举例说明几种特殊屏幕 &n
转载
精选
2015-03-11 22:34:40
1659阅读
5、保存和恢复Canvas状态 context.save(); context.restore(); save可以将
原创
2015-09-23 21:07:52
544阅读
作为一个前端，给元素添加事件是一件司空见惯的事情。可是在Canvas中，其所画的任何东西都是无法获取的，更别说添加事件，那么我们对其就束手无策了吗？当然不是的！我们在平时项目中肯定都用过许多Canvas的框架，我们发现事件在这些框架中已经使用的十分成熟了，而且并没有出现特别严重的问题。那么我们可以肯
转载
2020-12-09 21:38:00
254阅读
2评论
