H5中画图标签Canvas---画矩形,画线,画圆,渐变色,图形载入

一:

1.鼠标监视坐标值



     
    canvas的演示
    


    不支持H5
    

2.运行结果

H5中画图标签Canvas---画矩形,画线,画圆,渐变色,图形载入_第1张图片

3.画矩形

  两种方式:

  其中,rgb支持透明度,0.5是透明度为0.5,所以可以看到底下的另一个矩形的颜色



     
    canvas的演示
    


    不支持H5
        
    


4.运行结果  

H5中画图标签Canvas---画矩形,画线,画圆,渐变色,图形载入_第2张图片

5.画线



     
    canvas的演示
    


    不支持H5
    
    


6.运行结果  

H5中画图标签Canvas---画矩形,画线,画圆,渐变色,图形载入_第3张图片

7.画圆



     
    canvas的演示
    


    不支持H5
    
    


8.运行结果  

H5中画图标签Canvas---画矩形,画线,画圆,渐变色,图形载入_第4张图片

9.渐近色

 

     
    canvas的演示
    


    不支持H5
    
    


10.运行效果  

H5中画图标签Canvas---画矩形,画线,画圆,渐变色,图形载入_第5张图片

11.图形载入

  目前在谷歌浏览器上不可以展示,图中使用的是I浏览器

 

     
    canvas的演示
    


    不支持H5
    
    


12.运行效果  

H5中画图标签Canvas---画矩形,画线,画圆,渐变色,图形载入_第6张图片

 

  

转载于:https://www.cnblogs.com/lgx5/p/10616118.html

你可能感兴趣的:(H5中画图标签Canvas---画矩形,画线,画圆,渐变色,图形载入)