canvas-矩形
来源:互联网 发布:淘宝内部优惠券怎么弄 编辑:程序博客网 时间:2024/06/06 13:07
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>canvas-矩形</title> <style> #canvas{ border: 1px solid palevioletred; } </style> <script> window.onload = function (){ //获取到canvas元素 var canvas = document.getElementById('canvas'); //获取canvas中的画图环境 var context = canvas.getContext('2d'); //开启新的一条路径 context.beginPath(); //第一种 :绘制矩形路径的方式 //绘制矩形 context.rect(100,100,200,100); //描边 context.stroke(); //填充 context.fill(); //第二种 :直接绘制矩形边框 context.strokeRect(100,210,200,100); //第三种 :直接绘制填充矩形 context.fillRect(100,320,200,100); //矩形擦除 context.clearRect(200,100,20,420); //擦除整个画布 //context.clearRect(0,0,canvas.width,canvas.height); } </script></head><body> <canvas id="canvas" width="500px" height="500px"> </canvas></body></html>
0 0
- canvas-矩形
- HTML5 Canvas: 绘制矩形
- canvas绘制矩形
- canvas绘制矩形
- Canvas画矩形
- Canvas基本矩形的
- canvas 鼠标移动矩形
- Canvas学习:绘制矩形
- 用canvas画矩形
- Python Canvas创建矩形
- HTML5 canvas 绘制矩形 改变矩形颜色
- 画正圆角矩形 - HTML5 Canvas 作图
- Canvas绘制圆角矩形
- html5中canvas绘制矩形
- canvas-系统函数绘制矩形
- Canvas(一):画矩形
- canvas绘制矩形、三角形、圆形
- HTML5中canvas画图之画矩形和矩形掏空
- shiro权限框架详解02-权限理论介绍
- mysql 配置多实例
- Kurento应用开发指南(以Kurento 5.0为模板) 之二:示例教程helloworld
- 基础-6 fragment
- 常见内存泄漏分析
- canvas-矩形
- eclipse Project Explorer 小窗口工具栏介绍
- LRUCache的实现原理
- oracle 按日期条件查询 to_date
- Android SeekBar拖动条
- 类型参数的约束(C# 编程指南)
- 代码初始化提交到svn, AndroidStudio关联SVN
- HDU 2586 How far away ?(map+lca【暴力水】)
- bzoj 2406: 矩阵 (有上下界的网络流)