canvas教程

积少成多Flash ActionScript 3.0(6) - 绘图之图形和转换

字号+ 作者:H5之家 来源:H5之家 2017-01-01 18:00 我要评论( )

[源码下载] 积少成多Flash ActionScript 3.0(6) - 绘图之图形和转换 作者: webabcd 介绍 演示使用 Flash ActionScript 3.0 画一些基本的图形,以及对绘制的图形




积少成多Flash ActionScript 3.0(6) - 绘图之图形和转换



作者:


介绍
演示使用 Flash ActionScript 3.0 画一些基本的图形,以及对绘制的图形或其他可视对象做一些基本的转换
  • 画图 - 通过 Shape 对象的 graphics 属性来执行矢量绘图命令
  • 转换 - 通过设置对象的 transform.matrix 属性,对其做相应的转换


  • 1、画图
    在 UI 上放置 8 个 Button
    名称分别为:btnLine, btnCurve, btnRectangle, btnCircle, btnEllipse, btnLiner, btnRadial, btnClea
    分别用于演示:画直线,画曲线,画矩形,画圆形,画椭圆,线性渐变填充,放射性渐变填充,清除图形
    Main.as


        }

    }



    2、转换
    在 UI 上放置 3 个 Silder
    分别名为:sliderScaleX, sliderScaleY, sliderRotate
    分别用于演示 X 轴方向上的缩放,Y 轴方向上的缩放,旋转
    再放置 2 个 Button
    分别名为:btnMatrix, btnClearMatrix
    分别用于演示仿射矩阵在图形转换上的应用,还原为对象的初始仿射矩阵转换
    Main.as


        }

    }



    OK

     

    1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

    相关文章
    • 周公(周金桥)的专栏

      周公(周金桥)的专栏

      2016-12-05 18:02

    • Adobe Flash CS5将动画转HTML5 Canvas

      Adobe Flash CS5将动画转HTML5 Canvas

      2016-11-02 13:00

    • html5 canvas sketch.js网页画图工具跟随鼠标画图效果代码

      html5 canvas sketch.js网页画图工具跟随鼠标画图效果代码

      2015-11-13 19:07

    • ActionScript入门学习

      ActionScript入门学习

      2015-11-11 13:56

    网友点评