首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
严博艺
掘友等级
前端工程师
|
小米
获得徽章 0
动态
文章
专栏
沸点
收藏集
关注
作品
赞
82
文章 78
沸点 4
赞
82
返回
|
搜索文章
赞
文章( 78 )
沸点( 4 )
如何实现一个Canvas渲染引擎(八):图片处理
如果你在使用一个Canvas渲染引擎,那么你一定会使用图片作为画布上的元素,因为很多复杂的图形,是很难通过Graphics类来手动构建的,所以图片处理是一个Canvas渲染引擎必不可少的功能,甚...
如何实现一个Canvas渲染引擎(七):webGPU渲染
谷歌于2023年4月份在chrome113上发布了webGPU,它的前景是非常优秀的,甚至可以说是web端渲染的未来,很多基于webGL的引擎已经开始支持webGPU了,如pixi,three...
如何实现一个Canvas渲染引擎(六):webGL渲染(Part 2)
webGL支持的最复杂的图形就是三角形了,对于任何我们想要绘制的图形,我们都需要将其转化成三角形(三角剖分)......本文的内容则是讲述如何将这些数据送入GPU,让GPU帮我们将其绘制出来
如何实现一个Canvas渲染引擎(五):webGL渲染(Part 1)
在2011年左右,webGL登陆了浏览器,在这之前,我们已经可以用canvas来构建高性能(相较于DOM)的web端应用了,虽然canvas相对于DOM比较底层一些,但是canvas始终是封装...
如何实现一个Canvas渲染引擎(三):碰撞检测(射线法和像素标记法)
假设我们现在在canvas上画了很多个节点(DisplayObject),这些节点形成了一套层级关系,我们将鼠标移动到canvas元素上并点击了一下左键,这个时候,如何判断鼠标点到了哪个节点呢....
如何实现一个Canvas渲染引擎(二):Graphics类
本文将会介绍Graphics类支持的所有图形,一些简单的图形,将会使用比较短的篇幅来介绍,重点将会放在曲线等复杂图形的绘制上,如贝塞尔曲线、圆弧等...
如何实现一个Canvas渲染引擎(一):节点和层级关系
canvas并不会主动维护一个层级关系,我们能做的事情,只有画圆、画矩形、画线等,至于像DOM那样,在一个节点上调用appendChild来给这个节点添加子节点这种事情,在canvas里是不存在的..
前端下载文件的5种方法的对比(附加获取文件名
在前端站点上下载文件,这是一个极其普遍的需求,很早前就已经有各种解决方法了,为什么还写这么老的文章,只是最近在带一个新人,他似乎很多都一知半解,也遇到了我们必经问题之“不能下载txt、png等文件”的典型问题,我就给他总结下下载的几个方式。顺便分享出来,也许,真有人需要。 这是…
从输入URL到页面加载的过程所涉及到的知识点
多进程的好处可以避免单个 page、单个插件 crash 影响整个浏览器,也充分利用多核优势,提高浏览器稳定性,速度,安全性。 进程策略:多个 tab 同域名下可能会合并到一个渲染进程。通过页面右上角的... -> 更多工具 -> 任务管理器打开面板。 渲染进程收到消息后,与网…
webpack 4 源码主流程分析(一):前言及总流程概览
此系列文章作为笔记,用于记录分析 webpack 源码主流程的过程。 版本不同,源码略微有差异。 本项目 demo 开源在github,欢迎交流学习。 采用 vscode 来打断点调试分析。 webpack 从配置初始化到打包完成定义了一个生命周期,在这个生命周期中的每一个阶段…
下一页
个人成就
文章被点赞
138
文章被阅读
27,121
掘力值
557
关注了
34
关注者
30
收藏集
0
关注标签
18
加入于
2019-03-14