网站首页 canvas beginpath

• 

  如何实现使用鼠标绘制直线?

  任何一个画板软件都有绘制直线的功能，如果想要基于web实现鼠标画直线该怎么做哪？本文基于htmlcanvas介绍一种实现鼠标绘制直线的方法，最终效果如下。画一条直线首先，我们来尝试先做到画单条直线，htmlcanvas提供了画线的方法，...

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

  leaferjs，全新的 Canvas 渲染引擎

  1.前言前几天群里有人发了一个信Canvas渲染引擎的图片，看数据和宣传口号相当炸裂，号称只用1.5s可以渲染100万个矩形，还是个国产的。出于个人兴趣，就花了一点儿时间研究了一下感兴趣的点，如果有错误，希望可以指出。2.架...

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

  「从头到脚」WebRTC + Canvas 实现一个双人协作的共享画板

  前言笔者之前写过一篇【从头到脚】撸一个多人视频聊天—前端WebRTC实战（一），主要讲WebRTC的一些基础知识以及单人通话的简单实现。原计划这篇写多人通话的，鉴于有同学留言说想看画板，所以把这篇文章提前了，希望可以给大家提供...

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

  一文解读前端实现电子签名

  大家好，我是Echa。创作不易，喜欢的老铁们加个关注，点个赞，后面会持续更新干货，速速收藏，谢谢！在现在的时代发展中，从以前的手写签名，逐渐衍生出了电子签名。电子签名和纸质手写签名一样具有法律效应。电子签名目前主要还是在需要个人确认的产品环...

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

  Javascript图形(一):阿基米德螺线

  阿基米德螺旋是以公元前3世纪希腊数学家阿基米德命名的螺旋。阿基米德螺线亦称“等速螺线”。它是一个轨迹，是当一点P沿动射线OP以等速率运动的同时，该射线又以等角速度绕点O旋转，点P的轨迹称为“阿基米德螺线”。阿基米德螺线在生活中，有很多的...

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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