html绘制变形图形
来源:互联网 发布:三国杀灵雎淘宝价格 编辑:程序博客网 时间:2024/06/05 17:28
<!DOCTYPE html><html><head><meta charset="utf-8"/><title>变形图形</title><script>function draw(id){var canvas=document.getElementById(id);if(canvas==null)return false;var context=canvas.getContext('2d');context.fillStyle="#fff";context.fillRect(0,0,400,300);context.translate(200,50);context.fillStyle='rgba(255,0,0,0.25)';for(var i=9;i<50;i++){context.translate(25,25);context.scale(0.95,0.95);context.rotate(Math.PI/10);context.fillRect(0,0,100,50);}}</script></head><body onload="draw('canvas');"><canvas id="canvas" width="400" height="300"/></body></html>
阅读全文
0 0
- html绘制变形图形
- html页面图形绘制
- Canvas3——绘制渐变图形与绘制变形图形
- html5绘制变形图形-变换坐标原点
- 图形程序设计--变形曲线绘制C++代码
- 【HTML】Canvas(1)-绘制图形
- html 图形绘制动画效果
- html5 canvas实例 绘制变形图形 径向渐变
- HTML5学习笔记14-Canvas绘制渐变图形与绘制变形图形
- 绘制图形
- 绘制图形
- 绘制图形
- 绘制图形
- 绘制图形
- 图形绘制
- 绘制图形
- 图形绘制
- 绘制图形
- 2017-05-27 IT杂谈,决断力读书笔记之找出与你持相反观点的人
- [LeetCode]Freedom Trail
- html中绘制径向渐变
- 考研逻辑整理
- 学习OpenCV的注释格式
- html绘制变形图形
- NBA投票系统(2):HTML
- node.js初步使用
- Minimum Inversion Number
- Debian8下安装配置PostgreSQL
- 【模板】三分法 (模板题:洛谷P3382)
- 总是在既有的思维框框里, 怎么可能提升产品开发的效率与质量?!
- 【模板】LCA Tarjan算法 (模板题:洛谷P3379)
- Volley