下面是内存溢出 jb51.cc 通过网络收集整理的代码片段。
内存溢出小编现在分享给大家,也给大家做个参考。
<!DOCTYPE HTML><HTML><head><script type="text/JavaScript">//Global variables var myImage =new Image(); // Create a new blank image. // Load the image and display it. function displayImage() { //Get the canvas element. canvas = document.getElementByID("myCanvas"); // Make sure you got it. if (canvas.getContext) { // Specify 2d canvas type. ctx = canvas.getContext("2d"); // When the image is loaded,draw it. myImage.onload =function() { // Load the image into the context. ctx.drawImage(myImage,0); //Getand modify the image data. changeImage(); } // define the source of the image. myImage.src ="http://samples.msdn.microsoft.com/workshop/samples/canvas/kestral.png"; } } function changeImage() { ctx.strokeStyle ="white"; ctx.linewidth ="100"; ctx.beginPath(); ctx.arc(100,100,150,Math.PI *2,true); ctx.closePath(); ctx.stroke(); } </script></head><body onload="displayImage()"><h1> American kestral </h1><p> The original image ison the leftand the modifIEd image ison the right. </p><img ID="myPhoto" src="http://samples.msdn.microsoft.com/workshop/samples/canvas/kestral.png"><canvas ID="myCanvas" wIDth="200" height="200"></canvas><p>Public domain image courtesy of U.S. Fish and Wildlife Service. </p></body></HTML>
以上是内存溢出(jb51.cc)为你收集整理的全部代码内容,希望文章能够帮你解决所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。
总结以上是内存溢出为你收集整理的用HTML5 Canvas为Web图形创建特效全部内容,希望文章能够帮你解决用HTML5 Canvas为Web图形创建特效所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)