模型标签——Canvas技术介绍

郭隆邦老师threejs教程学习笔记

2D绘图技术Canvas。

1.郭隆邦老师博客介绍Canvas：Canvas教程_HTML5教程_郭隆邦技术博客

2.W3C介绍Canvas：HTML Canvas 参考手册

3.菜鸟介绍Canvas：学习 HTML5 Canvas 这一篇文章就够了 | 菜鸟教程

Canvas与普通HTML和CSS比较

Canvas和普通HTML元素一样可以作为模型的标签使用，HTML和CSS的好处是实现一些常见的网页页面效果很方便，不过一些复杂的图像通过CSS也可以实现，但是相对来说没有Cnavas更为方便，Cnavas绘制一些图形效果更为灵活。

canvas作为模型标签

    // 绘制一个canvas画布 作为模型的标签显示模型信息
    const canvas = document.createElement("canvas");
    // 注意canvas画布绝对定位
    canvas.style.position = "absolute";
    canvas.