canvas使用注意点总结

《canvas使用注意点总结》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习，了解了党的发展历程，对党的性质、宗旨、任务等基本知识有了进一步的了解canvas使用注意点总结canvas默认宽高是300、150，为避免异常，最好使用显示属性添加而不通过css来添加宽高，下面简单的为大家介绍下canvas使用注意事项，感兴趣的朋友可以参考下哈，希望对大家有所帮助1、canvas中文教程https://developer.mozilla.org/zh-CN/docs/Canvas_tutorial2、canvas默认宽高是300、150，为避免异常，最好使用显示属性添加而

2、不通过css来添加宽高3、在canvas标签内部添加不支持canvas标签的浏览器的说明4、通过下面的js代码也能判断浏览器是否支持canvas代码如下:varcanvas=document.getElementById('tutorial');if(canvas.getContext){varctx=canvas.getContext('2d');//drawingcodehere}else{//canvas-unsupportedcodehere}对党的认识也有了进一步的提高。才真正体会到了中国共产党的伟大、光荣和正确，更感到只有中国共产党是全中国最广大人

3、民利益的忠实代表我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习，了解了党的发展历程，对党的性质、宗旨、任务等基本知识有了进一步的了解5、canvas只支持一种基本形状的绘制，即矩形，但是其它图形都可以通过canvas路径来绘制6、绘制矩形有四个函数：rect、fillRect、strokeRect和clearRect7、beginPath的作用用来开始一个新的路径层，如果不加就表示在原来路径层上绘制，下面两段代码效果是完全不一样的，第一段代码显示两条红线，第二段代码显示一条黑线和一条红线代码如下:varctx=document.getE

4、lementById('cvs').getContext('2d');ctx.beginPath();ctx.moveTo(100.5,20.5);ctx.lineTo(200.5,20.5);ctx.stroke();ctx.moveTo(100.5,40.5);ctx.lineTo(200.5,40.5)ctx.strokeStyle='#f00';ctx.stroke();代码如下:varctx=document.getElementById('cvs').getContext('2d');ctx.beginPath();对党的认识也有了进一步的提高。才

5、真正体会到了中国共产党的伟大、光荣和正确，更感到只有中国共产党是全中国最广大人民利益的忠实代表我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习，了解了党的发展历程，对党的性质、宗旨、任务等基本知识有了进一步的了解ctx.moveTo(100.5,20.5);ctx.lineTo(200.5,20.5);ctx.stroke();ctx.beginPath();ctx.moveTo(100.5,40.5);ctx.lineTo(200.5,40.5)ctx.strokeStyle='#f00';ctx.stroke();8、如果不需要路径闭

6、合，closePath可以不用，如果使用了fill则路径则会自动闭合，不需要再使用closePath了9、只要有足够的耐性是完全可以利用贝塞尔曲线绘制任何图形的10、二次方曲线在火狐下存在bug，因此可以利用三次方曲线代替二次方曲线使用11、图像（如PNG，GIF，JPEG等）都可以引入到canvas中，而且其它的canvas元素也可以作为图像的来源12、下面是基本的canvas图片绘制代码，其中image是image或者canvas对象，x和y是其在目标canvas里的起始坐标drawImage(image,x,y)对党的认识也有了进一步的提高。才真正体会到

7、了中国共产党的伟大、光荣和正确，更感到只有中国共产党是全中国最广大人民利益的忠实代表我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习，了解了党的发展历程，对党的性质、宗旨、任务等基本知识有了进一步的了解下面一段代码表示缩放图片，width和height表示缩放的尺寸drawImage(image,x,y,width,height)下面一段代码表示剪切图片，第一个参数和其它的是相同的，都是一个图像或者另一个canvas的引用。其它8个参数中分别表示图片中裁减的起始x坐标，图片中裁减的起始y坐标，裁减区域宽度，裁减区域高度，所画位置x坐标，所

8、画位置y坐标，所画图形宽度，所画图形高