Shulou(Shulou.com)05/31 Report--

In this article, the editor introduces in detail "how to use drawImage in HTML5". The content is detailed, the steps are clear, and the details are handled properly. I hope this article "how to use drawImage in HTML5" can help you solve your doubts.

The code is as follows:

$(function () {var jsCanv = document.getElementById ("canv"); var oCanv = jsCanv.getContext ("2d"); var img = new Image (); img.src = "img.png"; oCanv.drawImage (img, 220,30);})

Browser does not support

In fact, this way of writing is wrong, in fact, as long as the picture is refreshed, it will not be displayed. To ensure that the display is refreshed properly, you need to redraw it during Image onload. Test the problems that will occur under chrome 19.

Solution

The code is as follows:

$(function () {var jsCanv = document.getElementById ("canv"); var oCanv = jsCanv.getContext ("2d"); var img = new Image (); img.src = "img.png"; img.onload = function () {oCanv.drawImage (img, 220,30) }}) browsers do not support reading here. The article "how to use drawImage in HTML5" has been introduced. If you want to master the knowledge points of this article, you still need to practice and use it. If you want to know more about related articles, please follow the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.