HTML5与ASP.NET程序设计教程 第2版 习题答案作者 马骏第05章_Canvas习题解答.doc

《HTML5与ASP.NET程序设计教程 第2版 习题答案作者 马骏第05章_Canvas习题解答.doc》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第五章参考解答1．使用Canvas技术实现如下图所示画三条不同颜色的线段。【解答】2．使用Canvas技术将图像边界显示为蓝色半透明阴影效果，如下图所示。

4、javascript">varc=document.getElementById("myCanvas");varctx=c.getContext("2d");ctx.shadowOffsetX=5;ctx.shadowOffsetY=5;ctx.shadowBlur=4;ctx.shadowColor='rgba(0,0,255,0.5)';varimg=newImage();img.src='images/Ex3.jpg';img.onload=function(){ctx.drawImage(img

5、,0,0);}533．请使用Canvas技术实现两个图像的叠加效果，如下图所示。varc=document.getElementById("myCanvas");varctx=c.getC

6、ontext("2d");varimg1=newImage();img1.src='images/Ex41.jpg';varimg2=newImage();img2.src='images/Ex42.jpg';img1.onload=function(){ctx.globalAlpha=0.8;ctx.drawImage(img1,0,0);ctx.globalAlpha=0.4;ctx.drawImage(img2,0,0);}53