面对网页性能要求越来越高的今天，项目性能优化已经成了项目开发中必不可少的一个环节。尤其是现在越来越火🔥的在线教育、在线编辑、直播、游戏等类型的项目中Canvas和WebGL的运用越来越多。

面对网页性能要求越来越高的今天，项目性能优化已经成了项目开发中必不可少的一个环节。尤其是现在越来越火🔥的在线教育、在线编辑、直播、游戏等类型的项目中Canvas和WebGL的运用越来越多。

本文正在参加「金石计划 . 瓜分6万现金大奖」。 最近在项目中需要对特殊字体进行绘制与导出，如下 简单解释一下：所谓绘制，就是视觉上可以看到就行（预览状态），导出呢，就是将看到的转换成图片（或者Can

可视化大屏该如何做？有可能一天完成吗？看完你将收获，分片渲染、函数缓存、单测、最简全局状态、自动化部署等。

建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当从左边组件列表拖拽出一个组件放到画布中时，画布要把这个组件渲染出来。 用一个数组 componentDat…

如果你想用 canvas 画图，那不妨试试 Fabric.js 。跟着本文一步一步操作，一定可以入门 Fabric.js

用户体验好的canvas应有2个特性: 一屏展示全、比例与初始屏幕一致，且缩放过程中，比例不变并尽量撑满屏幕。本文教你如何实现这种极致用户体验的响应式canvas。

前端可用的渲染技术有 html + css、canvas、svg、webgl，我们会综合运用这些技术来绘制页面。有没有想过这些技术有什么区别和联系，它们和图形学有什么关系呢？ 本文我们就来谈一下网页渲

最近把一年前实现过的动画组件整理了一遍，同时也想把相关的这个问题："前端有几种实现动画的方式？" 的理解分享给大家； 我整理了如下的6种方式，接下来我们以最简单的例子，一个div从左到右移动一定的距离