首页 - 互联网

canvas－友人a的笔记丶

作者: 五速梦信息网
时间: 2026年04月20日 04:36

WebGL 是一组基于 JavaScript 语言的图形规范，浏览器厂商按照这组规范进行实现，为 Web 开发者提供一套3D图形相关的 API。 WebGL 的工作方式和流水线类似，也是按照流水线的方式将 3D 模型数据渲染到 2D 屏幕上的，业界把这种渲染方式称为图形管线或者渲染管线。 WebGL 只能够绘制点、线段、三角形这三种基本图元，立方体、球体、圆柱体等这些模型本质上是由一个一个的点组成

2025-03-27
322 热度
1评论

在图形学中，向量和点是最基本的概念。向量表示方向和长度，而点表示位置。 UV坐标（UV Coordinates）是计算机图形学中用于描述纹理映射（Texture Mapping）的坐标系统。它专门用于指定纹理图像（Texture Image）上的像素如何映射到三维模型或二维图形的表面上。 “UV”中的“U”和“V”是坐标轴的名称，类似于笛卡尔坐标系中的“X”和“Y”。不过，UV坐标是专门为纹理映射

2025-02-18
212 热度
0评论

Fabric.js官网：http://fabricjs.com/ Fabric.js自定义构建：http://fabricjs.com/build/ Fabric.js 是一个强大的、灵活的 HTML5 画布库。在 Fabric.js 中，preserveObjectStacking 属性是一个布尔值，用于控制当对象被修改（例如移动、旋转、缩放等）时，它们在堆栈中的位置是否保持不变。设置 pr

2024-07-02
994 热度
0评论

在这触控屏的时代，人性化的手势操作已经深入了我们生活的每个部分。现代应用越来越重视与用户的交互及体验，手势是最直接且最为有效的交互方式，一个好的手势交互，能降低用户的使用成本和流程，大大提高了用户的体验。拖动: drag 双指缩放: pinch 双指旋转: rotate 单指缩放: singlePinch 单指旋转: singleRotate 长按: tap 滑动: swipe 所有的手势都是基

2022-12-10
1203 热度
0评论

fill()，方法用于填充已有的闭合路径，假设有一个如下图的路径，默认情况下圆和方形都会被填充，最后的效果就是一个黑色的方形；通过fillRule参数，可以指定填充的算法，决定点是在路径内还是在路径外。允许的值： \"nonzero\": 非零环绕规则，默认的规则。 \"evenodd\": 奇偶环绕规则。将填充规则设置为evenodd，绘制的结果会变为下面这样，通过这种方式可以实现反向裁剪。通过

2022-11-07
1353 热度
0评论

最开始学html5的时候，曾特意了解过canvas，还记得当时为了搞明白canvas的api，绞尽脑汁了很多个日日夜夜。但实际工作后用的非常少，到现在canvas的api忘的也差不多了。目前打算好好学一下canvas，尝试一下更多的可能性。一些资料的收集： Canvas相关的框架的使用，小程序有自带的Canvas框架，还有Egret 、Phaser等；可视化数据的相关框架有：echarts、h