前端和图形学

于 2023-04-20 23:57:20 发布
阅读量87 收藏
点赞数
文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38526167/article/details/130278296
版权

前端和图形学

缘起

浏览器的图形学

设计稿里的图形学

图形学应用场景

来自数学的图形：几何图形与分形

来自物理的图形：光的衍射

相变

绿幕

3D 图形

图形学的基础设施

基础设施：GCanvas

基础设施：G3D

这些知识的确很偏，但是很有意思，更能激发对知识的渴望，更加了解何为前端，不仅仅是什么三大框架，几大UI。interesting！

此文章为4月Day20学习笔记，内容来源于极客时间《重学前端》

sameen1900
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
前端之图形学-1 数据可视化
HTY_7的博客
04-18 2660
前端图形学篇为随手记，在学习推进过程会根据个人了解进行二次修改，文章中的观点可能来自看到的各个网站书籍，存在的错误或不完善的地方请谅解 It’s not what you look at that matters, it’s what you see. 重要的不是你正看着的是什么，而是你从中所看到的是什么。——亨利·戴维·梭罗 1. 什么是数据可视化？ 数据可视化，是关于数据视觉表现形式的科学...
前端图形学实战: 100行代码实现几何画板的撤销重做等功能(vue3 + vite版)
趣谈前端
11-19 1374
hello, 大家好, 我是徐小夕, 今天又到了我们的博学时间。本文是 100+前端几何学应用案例 专栏的第三篇文章, 在第一篇文章 几何学在前端边界计算中的应用和原理分析 和第二篇文章 前端图形学实战: 从零开发几何画板(vue3 + vite版) 中我介绍了几何学在前端领域的应用以及如何从零开发一个几何画板:2022-10-15 20.46.21.gif如果大家感兴趣可以在 gitee 查看我...
大牛必备：前端与图形学
小北哥哥和北妈
11-23 417
说到前端图形学，大部分前端小伙伴了解可能并不是太多，因为封装好的组件很大程度替代了基础的图形学能力,很少需要关注底层的图形技术。但随着业务的需求愈加复杂，现代UI设计对技术的要求越来越高...
前端图形学实战: 从零开发一款轻量级滑动验证码组件(vue3 + vite版)
最新发布
趣谈前端
12-06 1539
前言hello, 大家好, 我是徐小夕, 今天又到了我们的博学时间。本文是 100+前端几何学应用案例 专栏的第五篇文章, 之前和大家分享了如何从零实现几何画板以及几何画板的撤销 / 重做 / 图层管理等功能:几何学在前端边界计算中的应用和原理分析前端图形学实战: 从零开发几何画板(vue3 + vite版)前端图形学实战: 100行代码实现几何画板的撤销重做等功能(vue3 + vite版)前端...
前端与图形学（上）
sinat_36048532的博客
04-25 888
引言-计算机图形的应用和研究 图形 ：图形是人类传达知识、表达情感的重要手段，它通常指能在人在视觉系统中产生视觉印象的客观对象。抽象=》具体 计算机图形（ Computer graphics(CG): ）：计算机图形学中所研究的图形是指能够通过计算机加以表示; WIkpedia: How to represent graphics in computer, compute, processing and display of grafic （如何去表示图形，图元） 图形学工程师的范畴 0.1 计算机图形.
前端之图形学-2 着色器
weixin_34319640的博客
04-26 358
前端图形学篇为随手记，在学习推进过程会根据个人了解进行二次修改，文章中的观点可能来自看到的各个网站书籍，存在的错误或不完善的地方请谅解It's not what you look at that matters, it's what you see.重要的不是你正看着的是什么，而是你从中所看到的是什么。——亨利·戴维·梭罗顶点顶点是指二维或三维空间中的一个点，比如二维或者三维图形的端点或交点片元可...
49、前端与图形学
所学所思
05-20 709
（点击视频观看完整分享内容。）主要内容关于前端和图形学，我分成了三个部分来讲解。 第一部分是讲前端和图形学有什么样的关系。我们为什么要在前端里引入图形学，这个也是我的一段心路历程。 第二部分相对来说是比较实用的，就是图形学的应用场景。如何在前端的日常的工作中，把图形学的知识用进去，为我们的工作和业务创造价值。 最后一部分是对图形学基础设施的一些建设，目前还是一个比较初级的阶段，但是对大家来说，应该有些思路还是可以去思考的。 前端和图形学首先讲第一部分前端和图形学，先讲讲缘起。缘起2011年我做了
《前端图形学实战》几何学在前端边界计算中的应用和原理分析
趣谈前端
10-16 1038
前言之所以会开设这个专栏, 是为了弥补部分程序员对代数和几何学的短板(当然也是为了巩固我的数学基础), 同时在实用价值上, 代数和几何学在编程界也起到了非常重要的推动作用, 比如我们看到的各种建模软件, 仿真&设计软件, 内部都涉及了很多数学原理, 在Web界, 我们比较熟悉的可视化图表, 在线设计软件Figma, 各式各样的可视化低代码产品, 都或多或少的应用了几何学原理, 所以要先让自...
山东大学计算机图形学数媒期末复习
07-01
* 双缓冲：两个缓冲器，前端和后端，前端缓冲器用于显示但不进行写入，后端缓冲器进行写入但不进行显示。 * 原理：在前一帧进行显示时预先的将下一帧填充进后端缓冲器，前一帧显示完毕后，前后端缓冲器进行交换，...
细说-图形学渲染管线.zip
05-07
在计算机科学领域，图形学渲染管线是图形处理的关键部分，它是将三维模型转化为屏幕上二维图像的过程。这个过程涉及了一系列复杂的步骤和技术，旨在高效地呈现高质量的视觉效果。本压缩包中的"细说图形学渲染管线....
最好的前端学习路径，国外大神总结
05-16
最好的前端学习路径，国外大神总结，此图在手，前端不愁。什么报名费都省了，珍藏多年，第一次拿出来分享。
(10月最新) 前端图形学实战: 从零开发几何画板(vue3 + vite版)
趣谈前端
10-30 692
前言hello, 大家好, 我是徐小夕, 今天又到了我们的博学时间。本文是 100+前端几何学应用案例 专栏的第二篇文章, 在第一篇文章几何学在前端边界计算中的应用和原理分析 中我介绍了几何学在前端领域里的应用, 同时用 vue3 带大家一起实现了常见图形的边界计算算法, 并且分享了如何用几何原理和Web Dom生成任意三角形的方式:image.png如果大家感兴趣可以在 gitee 查看我的具体...
前端也要懂图形学：使用 TypeScript 实现光线追踪
奇舞周刊
06-28 1026
计算机图形学是什么Rasterization （光栅化）计算机图形学对于我们前端来说可能就是 WebGL，其实 WebGL 所代表的光栅化图形学只是计算机图形学中的一部分。从下图我们可以看...
图形学
qq_34488711的博客
05-29 2066
向量值常用于表示力，位移，速度等物理量 单位向量：模为1 点积： 叉积：计算结果是向量 叉积只能用于3D向量，2D向量没有叉积。向量w同时垂直于u和v。 左手拇指定则（用于左手坐标系）：指定w的方向 将拇指之外的4个手指指向第一个向量u的方向 向v的方向转动手指 矩阵用于描述缩放、旋转，平移，更换坐标系等几何变换。 将矩阵的每一行/列视为一个向量。 矩阵乘法： 结果...
从图形到像素：前端图形编程技术概览
cpongo011702
11-09 286
图形是人与人之间传递信息的媒介，直观性远胜于口头语言和书面语言。4000多年前，古巴比伦人在石块上绘制建筑物的平面图；2000多年前，古希腊人用图形表达建筑思想，而与其相关的数学直到文艺复兴时期才开始完善。—— 摘自《交互式计算机图形学（第七版）》将以上的理念带入到计算机领域，图形是计算机向用户传递信息的主要媒介。不论是26个英文字母构成的代码还是枯燥的二进制，在直观性上远不能比得上图形。这也是前...
利用java实现正弦曲线的绘制_前端图形学基础（四）——Canvas绘制曲线
weixin_39603778的博客
12-08 393
点击右上角的关注，不定期前端干货分享！！前端图形学基础(一)——Canvas基础入门前端图形学基础(二)——Canvas基础前端图形学基础(三)——Canvas绘制图片二次贝塞尔曲线CanvasRenderingContext2D.quadraticCurveTo() 是 Canvas 2D API 新增二次贝塞尔曲线路径的方法。它需要2个点。 第一个点是控制点，第二个点是终点。其中需要注意的是起...
计算机图形学&Web前端笔记-图形平移放缩原理及实现（two.js鼠标事件适用所有渲染）
IT1995的博客
07-10 1468
在two.js中，只提供了svg渲染时的鼠标事件，而canvas和webgl并没有提供，这样就对本人造成了很大的困扰，因此学习了下计算机图形学相关的知识，实现了利用two.js绘图在canvas、svg、webgl渲染方式下，放缩或移动场景，还能使用鼠标对其进行点击交互。 下面先演示下截图： 点击绿色的矩形： 从上面的图可以看出变色了。 下面滚动滚轮及拖动下场景： 同样点击刚刚那个矩形： 还是可以被找到，并且改变颜色。 下面先来说下2d图形中平移和放缩的原理（非常重..
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值