博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
前端学习(三十一)canvas(笔记)
阅读量:4971 次
发布时间: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

你可能感兴趣的文章
mysql数据备份与恢复
查看>>
Openstack API常用命令
查看>>
OpenSSL漏洞凶猛来袭 慧眼恶意代码监测应对有方
查看>>
C语言 喝汽水问题
查看>>
LINUX中搭建DNS服务器,实现正向、反向以及访问不同DNS解析
查看>>
SCCM2012 R2实战系列之十:解决WDS服务无法启动问题(错误1067:进程意外终止)...
查看>>
ubuntu 下安装 mysql
查看>>
关于k-means聚类算法的matlab实现
查看>>
Git分支2
查看>>
一键安装Gitlab后的备份、迁移与恢复
查看>>
因为本人工作繁忙,精力有限,本博客停止更新。有兴趣的博友可以关注我在CSDN上的主博客...
查看>>
SQL server查看触发器是否被禁用
查看>>
[C++基础]在构造函数内部调用构造函数
查看>>
跟随我在oracle学习php(8)
查看>>
Spring 3.1.0 Hibernate 3.0 Eclipse Spring WEB例子
查看>>
UVA-10212 The Last Non-zero Digit. 分解质因子+容斥定理
查看>>
求两个集合的交集,并集,差集
查看>>
Kotlin的语法糖(一)基础篇
查看>>
OkHttp源码分析
查看>>
让你的app体验更丝滑的11种方法!冲击手机应用榜单Top3指日可待
查看>>