[搜文档]Canvas - 搜索结果

开始前的准备

20 2025-03-11 《Canvas：Draw on the Web》

Ch2 开始前的准备添加一个 Canvas 引用 Canvas 元素文档对象模型(DOM) JavaScript 放置位置获取canvas对象获得画笔(2D环境) 总结 Ch2 开始前的准备添加一个 Canvas 在HTML中添加Canvas非常简单，只需要在HTML的<body> 部分，添加上<canvas> 标签就可以...

最后的API

14 2025-03-11 《Canvas：Draw on the Web》

Ch22 最后的API 橡皮擦clearRect() 点泡泡小游戏像素操作API Canvas 图形库 Canvas API没有结束 Ch22 最后的API 橡皮擦clearRect() 之前一直教大家怎么绘图，各种画笔各种样式，却没有教过童鞋们使用橡皮擦。Canvas 提供了clearRect() 方法，就是清空指定矩形上的画布...

有坑？？为何wing坠入PorterDuffXferMode的万丈深渊(PorterDuffXferMode深入试验)

1 2025-04-08 《Android自定义view》

菜鸡wing遇敌PorterDuffXferMode，不料过于轻敌，应战吃力。随后与其大战三天三夜，三百余回合不分胜负。幸得 @咪咪控相助，侥幸获胜。关键字：PorterDuffXferMode 错误不正确不达到预期 bug 上一篇带来一个使用PorterDuffXferMode 做的水波纹loadingview ，中间遇到了点小困难...

从线段开始

18 2025-03-11 《Canvas：Draw on the Web》

Ch3 从线段开始怎么画线段？移动画笔(moveTo()) 笔画停点(lineTo()) 选择画笔确定绘制画一个线条 Ch3 从线段开始怎么画线段？上一讲我们已经得到了咱们的画布和画笔，在发挥艺术家之魂前，还是要像小孩牙牙学语一样，我们也得从画一条线段开始。因为画线段是最简单的，最基础的。但是别小看了它。下面是我从度娘那里...

Canvas API

34 2025-03-18 《阮一峰：Web API 教程》

Canvas API 概述 Canvas API：绘制图形路径线型矩形弧线文本渐变色和图像填充阴影 Canvas API：图像处理 CanvasRenderingContext2D.drawImage() 像素读写 CanvasRenderingContext2D.save()，CanvasRenderingContext...

非零环绕原则

13 2025-03-11 《Canvas：Draw on the Web》

Ch21 非零环绕原则路径方向与非零环绕原则绘制圆环镂空剪纸效果 Ch21 非零环绕原则路径方向与非零环绕原则平时我们画的图形都是规规矩矩的，那么如果我们用线条画了个抽象派作品，就像下面这图一样，童鞋们知道怎么用fill() 染色呢？这里就要用到数学上的一个方法——非零环绕原则，来判断哪块区域是里面，哪块区域是外面。接下来...

多线条组成图形

12 2025-03-11 《Canvas：Draw on the Web》

Ch4 多线条组成图形绘制折线绘制多条折线使用 beginPath() 开始绘制 Ch4 多线条组成图形绘制折线上一节中，我们已经成功绘制了一条线段。那么，如果我要绘制有两个笔画甚至是很多笔画的折线怎么办呢？聪明的小伙伴肯定已经想到了，这还不简单，复用lineTo() 就可以了。下面我就献丑随便画了一条优美的折线~ <!DO...

文本显示与渲染

21 2025-03-11 《Canvas：Draw on the Web》

Ch17 文本显示与渲染文本 API 简介基本文本显示设置文本字体font font-style font-variant font-weight font-size line-height font-family 使用@font-face 自定义字体文本渲染 Ch17 文本显示与渲染文本 API 简介今天我们...

Android特效专辑(五)——自定义圆形头像和仿MIUI卸载动画—粒子爆炸

7 2025-04-07 《Android特效专辑》

Android特效专辑(五)——自定义圆形头像和仿MIUI卸载动画—粒子爆炸截图一.自定义圆形头像—— 1.编写自定义属性attr.xml 2.自定义View 3.引用二.MUI卸载动画——粒子爆炸 1.ParticleUtils 2.Particle 3.ExplosionAnimator 4.ExplosionField 5.M...

缩放变换