JavaScript 动态图，是指通过 JavaScript 脚本语言实现的动态图片效果。JavaScript 是网页开发过程中必不可少的一部分，它可以轻松实现动态交互效果和动态图形效果，使网站更加生动有趣。

举个例子，比如对于一张静态的图片，在页面加载的时候它毫无变化，但是在加入 JavaScript 后，它便可以通过鼠标悬停、点击等操作实现动态效果，如图片放大、旋转等，增加了用户的体验和可互动性。

实现 JavaScript 动态图的方法有很多，其中一个重要的方式是使用 Canvas。Canvas 是 HTML5 标签中的一个元素，可以通过 JavaScript 编写代码来绘制图像、图形和动画等。

<canvas id="myCanvas"></canvas><script>var canvas = document.getElementById('myCanvas');var context = canvas.getContext('2d');context.fillStyle = 'red';context.fillRect(0, 0, canvas.width, canvas.height);</script>

上面的代码就可以绘制一个红色矩形，当然关于 Canvas 更多的操作还需要通过多做实例来熟悉和掌握。

另外，CSS3 也提供了一些支持动态图像的属性，例如 transform、transition、animation 等。它们可以通过 CSS3 的语法实现动态的效果，包括图片旋转、平移等。

#rotate-img:hover {transform: rotate(360deg);}

上面的代码可以实现当鼠标悬停在某个图片上时，该图片旋转 360 度的动态效果。

总之，通过 JavaScript 和 CSS3，我们可以实现各种各样的动态图效果，从而增加网站的互动性和吸引力。