Canvas学习系列一：初识canvas-

比来你开端在学习canvas，打算把学习canvas的整个学习历程傍边的一些条记与总结记载下来，若有什么不够之处还请大神们多多指出。?1.canvas介绍Canvas元素的涌现，可以说开启的Web天下绘制动画，图形的大门，其功能非常强大canvas元素是HTML5中功能最强大的元素，它的能力主如果通过Canvas中的Context（画图高低文画图环境）对象体现出来的。该对象从 比来你开端在学习canvas，打算把学习canvas的整个学习历程傍边的一些条记与总结记载下来，若有什么不够之处还请大神们多多指出。

1. canvas介绍

Canvas元素的涌现，可以说开启的Web天下绘制动画，图形的大门，其功能非常强大
canvas 元素是HTML5中功能最强大的元素，它的能力主如果通过Canvas中的Context（画图高低文/画图环境）对象体现出来的。该对象从canvas自身猎取。

var canvas = getElementById('canvas');var context = canvas.getContext('2d');

2. canvas的后备内容

Canvas元素之间包括的文本，这种文本称为 "后备内容"，只要在阅读器不支撑canvas元素时才会显示该文本内容

目前阅读器不支撑canvas元素，请改换阅读器

3. Canvas的尺寸

canvas元素时默许宽为300px、高为150px。

我们可以通过canvas的width，height属性去修改canvas的大小，我们也可通过CSS去修改canvas元素的大小。但是二者的修改是有区另外。

canvas现实上有两套尺寸：

一个是canvas元素的大小，一个是canvas画图外表的大小。

当我们用canvas的属性width，height时现实上我们同时修改了元素的大小与画图外表的大小

当我们用CSS来设置时，是会修改canvas元素的大小，不会影响画图外表的大小，这时阅读器就会对画图外表缩放，会涌现我们不想得到的结果

width与height属性修改canvas尺寸大小时的体现

目前阅读器不支撑canvas，请改换阅读器

    
    



    

    
打赏
    

    

    	
        
    	

    		
感谢您的支持，我会继续努力的!
    	
    	

    		
    	
    		
扫码打赏，你说多少就多少
    	

    		

	    		
	    		
    		
    		

	    		
	    		
    		
    	
    	

    		
打开支付宝扫一扫，即可进行扫码打赏哦
    		
百分百源码网 建议打赏1～10元，土豪随意，感谢您的阅读！