canvas 学习(一)
来源:互联网 发布:pr淘宝视频 编辑:程序博客网 时间:2024/06/05 05:47
<body>
<canvas id="cavans" width="200" height="100"></canvas>
</body>
<script>
window.onload = function(){
draw();
}
function draw(){
/*使用id 来寻找canvas 元素*/
var canvas = document.getElementById("cavans");
/*验证canvas 元素是否存在,以及浏览器是否支持canvas元素*/
if(!canvas || ! canvas.getContext) return false; /*创建context 对象*/
var ss = canvas.getContext('2d');
/*画一个红色矩形*/
ss.fillStyle='#FF0000';
ss.fillRect(0,0,150,75);
}
</script>
<canvas id="cavans" width="200" height="100"></canvas>
</body>
<script>
window.onload = function(){
draw();
}
function draw(){
/*使用id 来寻找canvas 元素*/
var canvas = document.getElementById("cavans");
/*验证canvas 元素是否存在,以及浏览器是否支持canvas元素*/
if(!canvas || ! canvas.getContext) return false; /*创建context 对象*/
var ss = canvas.getContext('2d');
/*画一个红色矩形*/
ss.fillStyle='#FF0000';
ss.fillRect(0,0,150,75);
}
</script>
0 0
- canvas学习(一)
- canvas 学习(一)
- canvas学习笔记(一)-认识canvas
- Canvas学习笔记(一)
- Canvas学习--绘制五角星(一)
- canvas游戏学习笔记(一)
- Canvas学习笔记一
- canvas 一基础学习
- Canvas学习记录<一>
- canvas学习笔记一
- Canvas学习系列一:初识canvas
- HTML5----Canvas 学习笔记一
- UGUI学习 Canvas画布(一)
- Canvas学习之基础一
- canvas剪裁(一)
- canvas 详解(一)
- canvas绘图(一)
- canvas学习笔记(一)——关于css设置canvas画布大小的问题
- org.springframework.orm.hibernate3.support.OpenSessionInViewFilter详解
- 开灯问题
- 用AndroidStudio开发cocos2d-x 项目
- [delve][web]如何实现网站顶部状态条的外部引用
- JS中格式化日期
- canvas 学习(一)
- c#的构造函数及构造函数的调用
- 制作ubifs文件系统
- 《剑指offer》——把二叉树打印成多行
- Linux USB驱动数据结构
- 汉诺塔问题
- 关于LinerLayout分割线Divider
- hdoj Friendship of Frog 5578 (简单字符串转换)
- Codeforces 600C Make Palindrome 【贪心 找字典序最小回文串】