html图像代码,html5绘图,html5图片怎么设置位置,html5图片变化,html5怎么设置图片,html5绘制图形
HTML5 图像是指在 HTML5 中使用的图像格式和相关技术。HTML5 支持多种图像格式，包括 JPEG、PNG、GIF 和 SVG 等，并提供了一些新的功能，如 canvas 元素、WebGL 技术等，使得开发者可以更灵活地处理图像。

以下是一些 HTML5 图像的例子：

1. 使用 img 标签引入一张 JPEG 图片：

<img src="example.jpg" alt="Example Image">


2. 使用 img 标签引入一张 PNG 图片，并添加一个链接：

<a href="https://example.com">
<img src="example.png" alt="Example Image">
</a>


3. 使用 canvas 元素绘制一张简单的图形：

<canvas id="myCanvas" width="200" height="100"></canvas>

<script>
var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");
context.fillStyle = "#FF0000";
context.fillRect(0, 0, 200, 100);
</script>


4. 使用 SVG 创建一个简单的矩形：

<svg width="100" height="100">
<rect x="10" y="10" width="80" height="80" fill="#FF0000"/>
</svg>