网站首页 知识剖析 第373页

• 

  有趣的分形(二):六边形雪花

  你喜欢下雪吗？你心中的雪花是什么形状的呢？如上图，美丽的雪花也是一种分形图。下面我们就用代码来实现一种六边形雪花分形图，同样是用javascript。【先看效果图】【上代码】<scripttype="text/javasc...

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

  HTML5学习笔记-绘制变形图形之组合效果

  绘制组合效果的图形将一个图形绘制在另一个图形之上，图形效果会受制于图形的绘制顺序，可利用globalCompositeOperation属性组合图形，前面绘制贝塞尔曲线时，我就已经用过这个属性了，绘制了多条凡尔赛曲线，组合成了一个图形。利用...

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

  游戏开发之旅-JavaScript绘制图形

  本节是第四讲的第二十二小节，上一节课为大家介绍了Ajax技术，包括XmlHttpRequest对象和FetchAPI的基本用法，本节为大家继续介绍JavaScript绘制图形的方法（CanvasAPI），有关WebGL的实例请参见视频课程...

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

  用三角函数sin和cos画模拟雷达示意图的html代码解析

  1.说明：1.1推荐指数：★★★★1.2环境：谷歌浏览器、微软vscode编辑器1.3熟悉sin和cos的函数与圆（画圆弧的关系）深入理解2.本次的模拟效果图：3.css和js文件的引入：3.1同一个文件夹或者目录下引入：./xxx...

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

  如何用2 KB代码实现3D赛车游戏?2kPlus Jam大赛了解一下

  选自frankforce作者：Frank机器之心编译参与：王子嘉、GeekAI控制复杂度一直是软件开发的核心问题之一，一代代的计算机从业者纷纷贡献着自己的智慧，试图降低程序的计算复杂度。然而，将一款3D赛车游戏的代码压缩到2KB以...

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

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

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

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

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

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

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

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

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

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

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

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

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

  Canvas 从进阶到退学

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

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