画布动画背景

动画矢量背景可以为以全屏照片和视频为特征的网络景观增添多样性。 如果这与加载时间以及广泛的硬件和软件支持相结合,那就太好了。 一种解决方案是:画布。 当前所有的浏览器都支持JavaScript控制的HTML元素,并在移动设备上以高性能复制。


真正的优势在于,画布仅由代码填充-这带来了很好的副作用,这开辟了全新的可能性:例如,使用递归函数可以轻松创建分形或其他重复元素。 我在这里准备了一个小样,整个样子:

Canvas Background by David Vielhuber

画布当然也可以用于游戏,广告,数据可视化或艺术中。 我认为,在4k和持续可扩展的网站中,这种鲜为人知的技术具有很大的潜力。 结合静态SVG元素,基于矢量的图形终于在网上获得了他们应有的地位。

背部