博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
前端学习(三十一)canvas(笔记)
阅读量:4970 次
发布时间:2019-06-12

本文共 1177 字,大约阅读时间需要 3 分钟。

canvas             画布

    画图、做动画、做游戏
===========================================
    canvas就是新标签
    必须获取绘图上下文
        var gd = oC.getContext('2d');
    设置起点
        gd.moveTo();
    设置终点
        gd.lineTo();
    描边
        gd.stroke();
    填充
        gd.fill();
    设置描边颜色
        gd.strokeStyle = '';
    设置填充颜色
        gd.fillStyle = '';
    设置线宽
        gd.lineWidth
    闭合路径
        gd.closePath();
    重新开始路径
        gd.beginPath();
    清屏
        gd.clearRect(x,y,width,height);
===========================================
    自带图形
        矩形     rect
        a).
            gd.rect(x,y,width,height);
            gd.stroke()/fill();
        b).
            gd.strokeRect(x,y,width,height);
            不能填充
        c).
            gd.fillRect(x,y,width,height);
            不能描边
---------------------------------------------
    canvas中做运动
        gd.clearRect(0,0,oC.width,oC.height);
        帧频
        30     低帧频        34
        16    高帧频         63
        先清屏
        重新画
    ---------------------------------------
    windows屏保:
    ---------------------------------------
===========================================
function show(a,b){
    return a+b;
}
var person = {
    name:'张三',
    age:18,
    gender:'男',
    job:['css','js','html']
};
function show2(a,b){
    alert(a(b,5)+b);
    alert(a(arguments[2].job[2],arguments[2].age));
    arguments[2].job.length=2;
    return arguments[2].job;
}
alert(show2(show,12,person));
alert(person.job[2]);
==========================================

转载于:https://www.cnblogs.com/wxiaoyu/p/9579451.html

你可能感兴趣的文章
开发工具,做一个有效率的开发者
查看>>
对Haskell这门语言的基本认识
查看>>
mysql 安装补充
查看>>
大学里如何学习 ?
查看>>
Oracle命令类别
查看>>
js面试题:关于数组去重的四种方法总结
查看>>
Linux内核分析(三)----初识linux内存管理子系统
查看>>
stc12c5a60s2驱动TEA5767收音机模块硬件调试总结
查看>>
vue中提示$index is not defined
查看>>
Java中对List集合内的元素进行顺序、倒序、随机排序的示例代码
查看>>
css选择器
查看>>
看懂下面C++代码才说你理解了C++多态虚函数!
查看>>
ASP.NET上传下载文件
查看>>
Galaxy Nexus 全屏显示-隐藏Navigation Bar
查看>>
Mob-第三方分享 /手机验证码
查看>>
Spring中使用Velocity模板
查看>>
实现model中的文件上传FTP(一)
查看>>
MonkeyRecorder
查看>>
Maven概述
查看>>
上周热点回顾(8.18-8.24)
查看>>