什么是HTML图形(What HTML Graphics)？

在超文本标记语言（HTML）中，有许多方法可以在HTML文档中显示和创建图形。最广泛使用的HTML图形类型是直接放置在HTML页面中的图像，称为内联图像，尽管还有其他方法（如使用脚本语言或编译的web应用程序）可以可用于获得相同的结果。对于图表或图形的动态生成图形，可以使用可缩放矢量图形（SVG）。还有一些基本的HTML图形受语言规范支持，不需要外部文件，如水平线和列表中的项目符号。通过使用脚本语言可以实现更复杂的HTML图形，层叠样式表（CSS）和HTML画布元素，为以前只能通过外部对象和插件实现的某些效果提供了本机选项。在超文本标记语言（HTML）中，在HTML文档中显示和创建图形的方法有很多种，内联HTML图形是在HTML文档中放置图像的最常用也是最简单的方法。这基本上包括在图像编辑器中创建图像，将其保存为常用的文件格式，然后使用IMG标记在HTML文档中指定图像文件的名称和位置。除了合并的简单性之外文档中的内联图形，大多数web浏览器中的呈现引擎可以轻松地将图形放入更复杂的页面布局中，而无需任何格式工件内联图像可能出现的一个复杂情况是，在观看图像时，可能需要调整图像大小以适应超大或小型显示器，这可能会降低图像质量可缩放矢量图形是一种更为复杂的HTML图形样式。SVG图像通过定义形状、路径和线宽绘制，并在用户查看文档时动态绘制。这使SVG成为显示图表或图形等动态数据的好选择，但这使得它们很难用于其他类型的图形，例如构造真实感图像。对于简单的HTML图形，以及无法加载外部图像文件的情况，SVG可能是一个可行的选择，随着HTML5语言标准（HTML5）的发展，动态HTML图形可以在基本的HTML语言中创建。这是通过直接在HTML文档中的画布上绘制来实现的。通过使用JavaScript®和CSS，此方法可以创建动画或游戏，这些动画或游戏可以根据web浏览器或其他数据的设置来响应用户的输入或调整图形。但是，创建HTML5图形可能是一个复杂的过程，可能会导致在某些计算机或设备上执行很慢的脚本代码块。