计算机图形学前端可视化 WebGL-腾讯云开发者社区

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

计算机图形学前端可视化 WebGL

专栏成员

110

文章

142705

阅读量

46

订阅数

threejs 贴图动画总结

在三维可视化中，会涉及到很多动画，其中贴图动画是其中很重要的一种，本文介绍几种贴图动画的思路，供大家一起探讨。

2022-03-22

2.6K0

使用SVG做模型贴图的思路

大多数情况下，三维模型使用PNG，JPG作为模型的贴图，当然为了性能优化，有时候也会使用压缩贴图来提高渲染效率和较少GPU压力。

2022-03-22

9470

canvas绘制折线路径动画

要实现以上路径动画，一般可以使用svg的动画功能。或者使用canvas绘制，结合路径数学计算来实现。

2022-03-22

1.5K0

canvas绘制虚线图表

其实该图表，就是一个圆圈外面在套一个圆弧的效果，主要的难点在于不知道怎么绘制圆圈的虚线效果。其实canvas本身已经支持了虚线的绘制，就是一个api调用的事情，api是setLineDash。

2022-03-22

1.4K0

canvas多重阴影发光效果

有的人可能会说，这个用阴影其实就可以实现。但是从图中可以看出，是一个比较强烈的发光效果。实际的应用过程中我们会发现用简单阴影参数实现的效果很难达到这样强烈的发光效果。比如

2021-01-26

1.4K0

canvas多重阴影发光效果

有的人可能会说，这个用阴影其实就可以实现。但是从图中可以看出，是一个比较强烈的发光效果。实际的应用过程中我们会发现用简单阴影参数实现的效果很难达到这样强烈的发光效果。

2021-01-18

1.3K0

canvas可视化效果之内阴影效果

在之前的一个轨道交通可视化项目中，运用到了很多绘制技巧。可以参考之前的一篇文章《利用canvas阴影功能与双线技巧绘制轨道交通大屏项目效果》

2020-12-31

9730

利用canvas阴影功能与双线技巧绘制轨道交通大屏项目效果

近日公司接到一个轨道系统的需求，需要将地铁线路及列车实时位置展示在大屏上。既然是大屏项目，那视觉效果当然是第一重点，咱们可以先来看看项目完成后的效果图。

2020-12-31

8680

canvas可视化效果之内阴影效果

在之前的一个轨道交通可视化项目中，运用到了很多绘制技巧。可以参考之前的一篇文章《利用canvas阴影功能与双线技巧绘制轨道交通大屏项目效果》

2020-12-22

1.3K0

事件代理功能点分享

看过前面几篇文章的读者相信也应该有所了解了，我们借助于团队内部开发的编辑器实现了很多成功的项目案例，已经多次看到我们点击一个文本、一个按钮等等...去弹出一个表格之类的交互，有些同学难免有些好奇我们是如何实现在 canvas 图形对象上实现事件派发和监听的，接下来听我娓娓道来。

2020-12-18

6910

利用canvas阴影功能与双线技巧绘制轨道交通大屏项目效果

近日公司接到一个轨道系统的需求，需要将地铁线路及列车实时位置展示在大屏上。既然是大屏项目，那视觉效果当然是第一重点，咱们可以先来看看项目完成后的效果图。

2020-12-05

4450

拓扑/大屏/三维编辑器的设计与思考

html canvas webgl

开发编辑器的主要目是为了提高团队内部项目的交付效率，目前两个编辑器都引用到团队的相关项目中。当然，编辑器目前也支持和其他公司的项目合作。下面是几个项目的示例图：

2020-11-11

9970

canvas绘制飞线效果

在我们做的可视化大屏项目中，经常会遇到飞线的效果。在我们的大屏编辑器中，可以通过拖拽+配置参数的方式很快就能够实现。下面是我们使用大屏编辑器实现的一个项目效果：

2020-11-11

1.5K0

通过canvas计算任意两个颜色的插值

编程算法 canvas css https 网络安全

通过canvas可以协助我们做很多颜色计算的辅助，比如颜色转换，渐变颜色计算。本文着重讲解渐变计算颜色的插值计算。

2020-07-15

9940

Canvas绘制圆点线段思路二 setLineDash方法+lineCap设置扩展

canvas 系统架构 api

他自己实现了一种思路，然后咨询我有没有更好的思路。先看看他的思路是如何实现的，大致代码如下：

2020-06-11

1.6K0

通过canvas转换颜色为RGBA格式及性能问题注意性能问题

canvas css 腾讯云开发者社区

前端编程过程中，经常会遇到要把各种颜色格式（比如 “red”、“#F00”、“#FF0000”等）转换成RGBA格式，搜索网络也可以发现一堆的解决方案：

2020-05-12

9510

OffscreenCanvas-离屏canvas使用说明 ImageBitmapcreateImageBitmap创建OffscreenCanv

node.js 编程算法 canvas 网站渲染

OffscreenCanvas 是一个实验中的新特性，主要用于提升 Canvas 2D/3D 绘图的渲染性能和使用体验。OffscreenCanvas 的 API 很简单，但是要真正掌握好如何使用。

2020-05-12

4.1K0

去掉图片黑背景输出为透明背景

canvas 编程算法

如果使用OPENCV ，加上一些图像处理的算法，是可以实现去除任何背景的。但是由于这个需求就是去掉黑色背景，感觉没必要用到哪些比较复杂的算法。

2019-11-12

2.6K0

高清屏下canvas重置尺寸引发的问题

canvas https 网络安全

我们知道，清空canvas画布内容有以下两个方法。第一种方法是cearRect函数：

2019-10-14

1.2K0

FireFox下Canvas使用图像合成绘制SVG的Bug

svg canvas 编程算法系统架构

所有的事情都会有一个起因。最近产品上需要做一个这样的功能：给一些图形进行染色处理。想想这还不是顺手拈来的事情，早就研究过图形染色的技术。于是我把之前写好的两种算法发给了小伙伴，让他参照实现，第一种算法是操纵像素、第二种使用了图像合成：globalCompositeOperation。所有的事情都可能会有意外，写程序更是如此了。没多久，小伙伴说，第二种算法在firefox下不起作用。

2019-07-12

9120

点击加载更多

社区活动

【纪录片】中国数据库前世今生

穿越半个世纪，探寻中国数据库50年的发展历程

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态