绘制动画是Web开发中非常重要的一部分，它可以为用户提供更好的用户体验。在Web页面中，JavaScript是最为常用的动画绘制工具之一，因为它可以轻松地访问DOM元素并进行动画效果的更新。下面是使用JavaScript进行动画绘制的最佳方法：

requestAnimationFrame是JavaScript中用于动画绘制的最佳方法之一。它是浏览器提供的一种优化的方式，可以在页面刷新时运行动画，从而避免了在页面不活动时的资源浪费。下面是使用requestAnimationFrame的代码示例：

在上述代码中，animate()函数用于绘制动画，而requestAnimationFrame()函数则用于告诉浏览器在下一次绘制时运行animate()。

除了JavaScript之外，CSS3动画也是一种非常流行的动画绘制方式。它可以使用CSS属性，如transition和animation，来实现动画效果。下面是一个使用CSS3动画的示例：

在上述代码中，使用了animation属性来定义一个名为“myanimation”的动画，它将在1秒内无限循环。同时，使用@keyframes规则来定义动画的关键帧，从而实现缩放效果。

Canvas是HTML5中新引入的一个元素，它可以用于绘制2D图像和动画。使用Canvas进行动画绘制的主要步骤包括：创建Canvas元素、获取Canvas上下文、设置动画帧率、更新动画、绘制动画。下面是一个使用Canvas绘制动画的示例：

在上述代码中，使用Canvas的getContext()方法获取Canvas上下文，然后使用clearRect()方法清除上一帧的绘制内容，并使用fillRect()方法绘制矩形。最后，使用setTimeout()方法来限制动画帧率。

以上就是使用JavaScript进行动画绘制的最佳方法，其中每种方法都有其独特的优势和适用场景。通过代码实践，可以更好地理解和掌握这些方法。