html5绘制渐变图形-图形缩放
来源:互联网 发布:淘宝怎么开店教程 编辑:程序博客网 时间:2024/05/02 19:42
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>图形的缩放</title>
<script>
function draw(id){
var c=document.getElementById(id);
var cxt=c.getContext("2d");
cxt.fillStyle="aqua";//绘制大的矩形的颜色
cxt.fillRect(0,0,400,300);
cxt.translate(200,50);
cxt.fillStyle="blue";//绘制小矩形的颜色
for(var i=0;i<500;i++){
cxt.scale(3,0.5);
cxt.fillRect(0,0,100,50);
}
}
</script>
</head>
<body onload="draw('canvas')">
<h1>图形的缩放</h1>
<canvas id="canvas" width="400" height="300" style="border:1px solid blue;"></canvas>
</body>
</html>
0 0
- html5绘制渐变图形-图形缩放
- html5绘制渐变图形-线性渐变
- html5绘制图形渐变-径向渐变
- Html5实例: <canvas>绘制渐变图形
- Html5学习------canvas绘制径向渐变图形
- HTML5利用Canvas绘制图形(绘制渐变、模式、变换)
- 绘制渐变图形
- 【Html5每日练习】canvas绘制线性渐变图形
- HTML5标签绘制渐变图形的一些总结
- html5 canvas实例 绘制变形图形 径向渐变
- HTML5学习笔记14-Canvas绘制渐变图形与绘制变形图形
- html5 绘制图形
- HTML5 绘制图形【4】
- 利用HTML5绘制图形
- html5绘制图形
- html5 canvas学习--缩放图形
- html5绘制变换图形-旋转图形
- Canvas3——绘制渐变图形与绘制变形图形
- mysql-5.7.12解压版安装教程
- 多线程编程
- Android文件读写操作--读取Assets中的文件数据
- Windows API——SHFileOperation——文件操作
- WebView使用小结
- html5绘制渐变图形-图形缩放
- Wi-Fi Sigma测试系统
- 一分钟学习SpringMVC 下载
- php---print_r
- C++第5次上机实验:数组分离
- 关于获取Android系统所有已安装App信息的一些操作(详细)
- 线程之线程的创建
- c++各种分割字符串的方法
- hibernate缓存讲解