canvas 文字淡出

在canvas中用fillText(timeText,tPosX,tPosY,80)写了文本，想用定时器控制其淡出，不知道怎么处理，求指点

解决方案 »

  1.   

    是不是不断地去修改rgb值啊？
      

  2.   

    不断改字体的alpha值，重绘吧
      

  3.   

    3楼正解，详细可以参考http://blog.csdn.net/shizhixin/article/details/7052969
      

  4.   

    开始没看清，我以为你要的是J2ME里面CANVAS的淡入淡出的显示效果，上面链接给的是J2ME中图片闪屏时图片的淡出过渡效果
      

  5.   

    改ALPHA值会受上一次结果的影响，不准确。用渐变的颜色值就行了。另外好像也专门有滤镜可以用。
      

  6.   

    用webkit的动画效果很简易实现（只能chrome和safari下产生效果）：
    <html>
    <head>
        <title>y文字淡出效果</title>
        <style type="text/css">
            @-webkit-keyframes fadein{
                0%{
                    opacity:1;
                    background-color:white;
                }
                100%{
                    opacity:0;
                    background-color:white;
                }
            }
            body{
                -webkit-animation-name:fadein;
                -webkit-animation-duration:5s;
                -webkit-animation-timing-function:linear;
                -webkit-animation-iteration-count:1;
            }
        </style>
    </head>
    <body>
        <h2>文字在5秒后淡出</h2>
    </body>
    </html>