网站首页 canvas beginpath 第2页

• 

  贝塞尔曲线是什么?如何用 Canvas 绘制三阶贝塞尔曲线?

  大家好，我是前端西瓜哥。今天谈谈贝塞尔曲线是什么以及它的原理，并说说如何用Canvas技术绘制一条三阶贝塞尔曲线。贝塞尔曲线是什么？贝塞尔曲线，是通过几个简单的参数描述一条曲线的一种参数曲线。贝塞尔曲线是由皮埃尔·贝塞尔发明的，目的...

  2025-01-05 nixiaole 知识剖析 14 ℃
• 

  有趣的分形(三):H分形

  你走过迷宫吗？我们看到的迷宫很多也是分形的影子。如下图：下面我们就来分享一个迷宫似的H分形。字母H是一个对称图形，左右上下对折都能重合，中间横线中间就是它的中心点。H分形就是由一个字母H演化出迷宫一样场景的分形图案，其构造过程是：取一个中心...

  2025-01-05 nixiaole 知识剖析 12 ℃
• 

  小程序和H5中canvas卡顿的性能优化方向和实践

  什么是CANVAS?首先介绍下canvas，前端的同学可能很熟悉，举个很简单的例子，平常用的网页截图、H5游戏、前端动效、可视化图表…,都有canvas的应用场景，官方的定义：canvas是HTML5提供的一种新标签,ie9才开始支...

  2025-01-05 nixiaole 知识剖析 21 ℃
• 

  前端【Canvas】基础教程示例集锦

  Canvas是HTML5中新增的元素，它是一个可以使用JavaScript绘制图像的区域。Canvas可以用来绘制简单的图形、动画、游戏、数据可视化等等。它是一个非常强大的工具，可以让我们在网页中展示出更加丰富的内容。接下来，我们将按照以下...

  2025-01-05 nixiaole 知识剖析 11 ℃
• 

  Canvas 从进阶到退学

  本文简介点赞+关注+收藏=学会了接着《Canvas从入门到劝朋友放弃（图解版）》，本文继续补充canvas基础知识点。这次我不手绘了！本文会涉及到canvas的知识包括：变形、像素控制、渐变、阴影、路径变形这里说的...

  2025-01-05 nixiaole 知识剖析 12 ℃
• 

  使用Javascript 运用【递归】绘制【一棵树】的示例

  Canvas是HTML5中的一个重要特性，它是一个可以使用JavaScript绘制图形的HTML元素。本文将分为以下几个部分：准备工作绘制背景绘制树完整代码接下来，我们将逐一详细讲解。1.准备工作首先，我们需要在HTML文档中添加一个Ca...

  2025-01-05 nixiaole 知识剖析 12 ℃
• 

  Canvas 通过三角函数获得圆上点坐标

  在我们通过canvs画图的时候经常会用到圆，且需要计算出圆上某点的坐标，由于我数学没学好，总是记不得怎么获取，这里记录下，加深记忆。这里面用到了我们以前学过的三角函数，可以通过三角函数来计算圆上的位置。如下：在直角坐标系中圆点O(0,0)...

  2025-01-05 nixiaole 知识剖析 12 ℃
• 

  Canvas学习笔记 | 多个示例详细讲述Canvas变形操作，干货

  前言大家好，我是汪小成。最近在学习Canvas。这篇文章是我学习Canvas变形操作时记的笔记，欢迎大家审阅。简介在Canvas中有如下三个基本变形操作：图形平移：translate(x,y)图形缩放：scale(x,y)图形旋转：ro...

  2025-01-05 nixiaole 知识剖析 19 ℃
• 

  鸿蒙开发:简单自定义一个绘制画板

  前言本篇文章，主要是使用Canvas绘制一个简单的画板，可以更改颜色，画笔粗细以及删除操作，主要运用到了CanvasRenderingContext2D中的绘制路径功能，我们可以看下基本实现的效果。若在一个画板上进行随意的绘制，少不了画布的...

  2025-01-05 nixiaole 知识剖析 12 ℃
• 

  css+canvas 随便画一个星空

  今天躺在床上刷抖音的时候，看见了一个马克笔随便画星空的视频，很有意思。先看效果：开始需求分析：1、渐变色的背景2、画一颗树和一些草3、水面的倒影4、随便画点星星5、画一颗流星1、渐变色的背景先确定200*500的区域，使用css3的线性渐变...

  2025-01-05 nixiaole 知识剖析 20 ℃