<canvas>标签 有属性width/height可以用来设置宽高， 但是宽高默认为：300px * 150px (width * height)javascript操纵： getContext( "2d" )：获取CanvasRenderingContext2D对象。&
原创
2014-07-23 21:07:19
635阅读
在现代 Web 前端开发中，动画已经成为用户体验中不可或缺的一部分。一个流畅、自然的动画，不仅能提升界面交互感，还能引导用户理解页面结构与操作逻辑。前端动画的实现方式多种多样，其中最常见的三种是 CSS 动画、Canvas 动画 和 GSAP 动画库。本文将从性能、控制粒度、使用场景等方面，对这三种动画实现方式进行深入对比，并配合代码示例展示它们的典型用法。
UGUI的渲染遵循画家算法—刷油漆规则一：Overlay—覆盖模式类似于手机贴膜，所有UI都会显示在场景中2D，3D物体的上层在同一个Canvas下可以调整Canvas子物体的先后顺序，层级面板中越靠上则先被渲染多个Canvas下可以调整Canvas组件的Sort Order属性调整渲染顺序，数值越小的画布越先被渲染二：Camera—相机模式指定相机渲染，Canvas只会在指定...
原创
2021-07-08 17:23:39
2101阅读
css的背景图片支持比较丰富的效果，比如通过background-size设置大小，通过background-position设置位置，通过backgro
原创
精选
2023-05-17 21:59:11
367阅读
投影空间和屏幕空间先不说UI，如果是一个普通渲染流程，一个Cube普通地被渲染。800X600的屏幕中，右边的Cube和中间的Image大小相仿。（可能由于网页显示问题导致本图显示尺寸变小。请自行脑补成其真实800x600大小，起码比下图248X186大好多）248X186的屏幕中，发现正方体已变小，但Image却没变如果屏幕在现实中变小了，这个Cube在现实中也会变小。具体地说，屏幕变小时，Cu
转载
精选
2016-04-25 23:55:31
4374阅读
关于requestAnimationFrame和 cancelAnimationFrame 兼容写法： 基本用法与区别： setTimeout(code, millseconds) 用于延时执行参数指定的代码，如果在指定的延迟时间之前，你想取消这个执行，那么直接用clearTimeout(timeo
转载
2017-10-23 00:24:00
910阅读
2评论
手机上看比较虚 关于requestAnimationFrame requestAnimationFrame不需要使用者指定循环间隔时间，浏览器会基于当前页面是否可见、CPU的负荷情况等来自行决定最佳的帧速率，从而更合理地使用CPU。 点击开始，此时控制台一直计数下去，点击暂停，计数器暂停，再次点击开
转载
2016-11-28 21:33:00
552阅读
Delphi中canvas（画布）的运用 在DELPHI为编程者提供了一个灵活的绘图场所, 即本文所述的 CANVAS类, 在DELPHI中的很多控件都具有此属性, 使编程者可以 在这些的控件的表面随心所欲的绘图, 这对完善用户界面或者制 作一些屏幕
转载
2023-08-31 10:58:31
1055阅读
动画片大家都看过，本质上就是快速的播放一张张图片，在canvas中要实现动画效果，同样也是这个原理，当我们把图形绘制到canvas上，它就变成了一张图片，不会再改变，我们可以修改图形的位置和样式属性，
原创
2024-07-20 15:02:38
481阅读
在DELPHI为编程者提供了一个灵活的绘图场所,即本文所述的 CANVAS类,在DELPHI中的很多控件都具有此属性,使编程者可以 在这些的控件的表面随心所欲的绘图,这对完善用户界面或者制 作一些屏幕特技都有着非凡的作用,下面举例说明几种特殊屏幕 &n
转载
精选
2015-03-11 22:34:40
1659阅读
自己定义控件时经常遇到重写View的Ondraw()方法，Ondraw()方法经常设计到save
原创
2023-03-10 09:45:31
298阅读
今天在看帖子的时候，看到了个有趣的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图标。
一、Canvas 概述Canvas概述 - Canvas 是 HTML5 出现的新标签，像所有DOM一样，拥有自己的属性、方法和事件，其中就会绘图的方法，JavaScript 能够调用它在网页上完成绘图 - Canvas 也是 HTML5 中最强大的特性之一。允许开发者使用动态和交互式可视化方法在Web上实现桌面应用程序的功能
原创
2016-03-29 17:13:09
2400阅读
近期工作时研究了一下css3动画和js动画。主要是工作中为了增强页面的趣味性，大家都有意无意的加入了非常多动画效果。当然大部分都是css3动画效果。能够gpu加速，这会降低移动端的性能需求。 今天主要说的是蜂窝效果。详细效果大家等下能够执行源代码。这里就不放gif图了。 css3的原理非常easy，
转载
2017-06-01 20:37:00
195阅读
2评论
一：CSS概述什么是CSSCSS就是层叠样式表(Casading Style Sheets)，通常称为CSS样式表，或者是级联样式表。主要用于设置HTML中的文本，内容(字体，大小，对齐)，图片外形(宽高，边框样式，边距等)，以及版面的布局等外观样式。CSS以HTML为基础，提供了丰富的功能。还可以针对不同的浏览器设置不同的样式。HTML和CSS的关系HTML结构层：负责从语义的角度搭建页面CSS
转载
2023-09-25 15:46:29
136阅读
