- 先看效果（完整代码在底部）： canvas小球连线碰撞完整源代码 html+css+js 这是我的B站地址~热烈欢迎 实现（看注释，可一步一步跟着实现）： 0：定义标签： <h1>北极光之夜。</h1> <canvas id="canvas"></canvas> 12 1. 定义变量： /* 获取画布 */ var canvas =... 先看效果（完整代码在底部）： canvas小球连线碰撞完整源代码 html+css+js 这是我的B站地址~热烈欢迎 实现（看注释，可一步一步跟着实现）： 0：定义标签： <h1>北极光之夜。</h1> <canvas id="canvas"></canvas> 12 1. 定义变量： /* 获取画布 */ var canvas =...
- 先看效果（完整代码在底部）： 因为录屏软件的原因，动画看着有点迟钝，其实是动画很顺畅的~ https://space.bilibili.com/176586698 实现过程（可一步一步实现）： 1.定义标签与基本css样式： <h1>北极光之夜。</h1> <canvas id="canvas"></canvas> 12 #canvas{ p... 先看效果（完整代码在底部）： 因为录屏软件的原因，动画看着有点迟钝，其实是动画很顺畅的~ https://space.bilibili.com/176586698 实现过程（可一步一步实现）： 1.定义标签与基本css样式： <h1>北极光之夜。</h1> <canvas id="canvas"></canvas> 12 #canvas{ p...
- 效果（完整代码在底部）： 实现（原理是比较简单的）： 1.定义标签： <canvas id="canvas"></canvas> 1 2.canvas基本css样式： canvas{ background-image: url(img/对比图/1.1.png); background-size: cover; } 1234 background-imag... 效果（完整代码在底部）： 实现（原理是比较简单的）： 1.定义标签： <canvas id="canvas"></canvas> 1 2.canvas基本css样式： canvas{ background-image: url(img/对比图/1.1.png); background-size: cover; } 1234 background-imag...
- Python之tkinter：动态演示调用python库的tkinter带你进入GUI世界(Canvas) 导读 动态演示调用python库的tkinter带你进入GUI世界(Canvas) 目录 tkinter应用案例 1、tkinter应用案例：在Canvas画布上绘制线条、矩形等 2、tkinter应用案例：将Canv... Python之tkinter：动态演示调用python库的tkinter带你进入GUI世界(Canvas) 导读 动态演示调用python库的tkinter带你进入GUI世界(Canvas) 目录 tkinter应用案例 1、tkinter应用案例：在Canvas画布上绘制线条、矩形等 2、tkinter应用案例：将Canv...
- 之前学习不想交集合（并查集）的数据结构，看了很多大老用窗体画出随机迷宫，感觉挺震撼的，下心学习了一下。 这个过程想着不太复杂，就是做起来挺麻烦，需要自己一点点处理。大概步骤如下 1：定义好不想交集合的基本类和方法（search,union等） 2：数组初始化，每一个数组元素都是一个集合，值为-1 3：随机查找一个格子（一维数据要转换成二维，有点麻烦），在随机找一面墙（也... 之前学习不想交集合（并查集）的数据结构，看了很多大老用窗体画出随机迷宫，感觉挺震撼的，下心学习了一下。 这个过程想着不太复杂，就是做起来挺麻烦，需要自己一点点处理。大概步骤如下 1：定义好不想交集合的基本类和方法（search,union等） 2：数组初始化，每一个数组元素都是一个集合，值为-1 3：随机查找一个格子（一维数据要转换成二维，有点麻烦），在随机找一面墙（也...
- 直接贴代码，注释很详细。源码下载：https://download.csdn.net/download/gaoxiaoweiandy/12371948 package com.xiaowei.lsn7_canvas; import android.content.Context;import android.graphics.Bitmap;import android.g... 直接贴代码，注释很详细。源码下载：https://download.csdn.net/download/gaoxiaoweiandy/12371948 package com.xiaowei.lsn7_canvas; import android.content.Context;import android.graphics.Bitmap;import android.g...
- 裁剪： 裁剪后，canvas只能在裁剪出的这块rectF矩形上进行绘制。 区域： canvas图层上的一块封闭区域，如下rect2这个矩形区域，drawRegion绘制出这个区域。 package com.xiaowei.lsn7_canvas; import android.content.Context;import android.graphics.B... 裁剪： 裁剪后，canvas只能在裁剪出的这块rectF矩形上进行绘制。 区域： canvas图层上的一块封闭区域，如下rect2这个矩形区域，drawRegion绘制出这个区域。 package com.xiaowei.lsn7_canvas; import android.content.Context;import android.graphics.B...
- 1. Path概念 用Path定义一个图形，然后用canvas.drawPath(...)函数来绘制这个图形。例如绘制一个圆。Path可以绘制各种图形，如二次，三次贝塞尔曲线，圆形、多边形，三角形，五角星等几何形状。 public class PathOpView extends View { private Paint mPaint; public PathOpVi... 1. Path概念 用Path定义一个图形，然后用canvas.drawPath(...)函数来绘制这个图形。例如绘制一个圆。Path可以绘制各种图形，如二次，三次贝塞尔曲线，圆形、多边形，三角形，五角星等几何形状。 public class PathOpView extends View { private Paint mPaint; public PathOpVi...
- 本节书摘来自华章计算机《TypeScript图形渲染实战：2D架构设计与实现》 一书中第3章，第3.2.11节，作者是步磊峰。 本节书摘来自华章计算机《TypeScript图形渲染实战：2D架构设计与实现》 一书中第3章，第3.2.11节，作者是步磊峰。
- 本节书摘来自华章计算机《TypeScript图形渲染实战：2D架构设计与实现》 一书中第1章，第1.4.2节，作者是步磊峰。 本节书摘来自华章计算机《TypeScript图形渲染实战：2D架构设计与实现》 一书中第1章，第1.4.2节，作者是步磊峰。
上滑加载中
推荐直播
-
HDC深度解读系列 - Serverless与MCP融合创新，构建AI应用全新智能中枢2025/08/20 周三 16:30-18:00
张昆鹏 HCDG北京核心组代表
HDC2025期间，华为云展示了Serverless与MCP融合创新的解决方案，本期访谈直播，由华为云开发者专家(HCDE)兼华为云开发者社区组织HCDG北京核心组代表张鹏先生主持，华为云PaaS服务产品部 Serverless总监Ewen为大家深度解读华为云Serverless与MCP如何融合构建AI应用全新智能中枢
去报名
热门标签