HTML5 canvas 绘制矩形 改变矩形颜色
来源:互联网 发布:家用网络弱电箱 编辑:程序博客网 时间:2024/05/21 14:50
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body> <canvas id="myCanvas" width="500" height="300" style="border:1px solid #d3d3d3;background:#ffffff;">11</canvas> <button id="bt">变色</button> <script src="plugins/jQuery/jQuery-2.1.4.min.js"></script> <script> $(function() { var ct =$("#myCanvas")[0].getContext("2d"); ct.fillStyle="#FF0000";//绘制矩形 var f1 = ct.fillRect(50, 50, 50, 50); var f2 = ct.fillRect(110, 50, 50, 50); $('#bt').click(function(){
//清除填充色 //ct.clearRect(50, 50, 50, 50); //重新填充颜色 ct.rect(50, 50, 50, 50); ct.fillStyle="green"; ct.fill(); }) }) </script></body></html>
0 0
- HTML5 canvas 绘制矩形 改变矩形颜色
- HTML5 Canvas: 绘制矩形
- html5中canvas绘制矩形
- html5<canvas>标签绘制矩形,线条,圆
- HTML5教程-用Canvas标签绘制矩形
- html5 canvas元素各种矩形的绘制
- html5 canvas 绘制圆角矩形
- HTML5中使用canvas绘制矩形
- HTML5中canvas实现矩形颜色渐变
- canvas绘制矩形
- canvas绘制矩形
- Canvas学习:绘制矩形
- HTML5 绘制矩形
- HTML5绘制矩形
- html5画布-绘制矩形
- html5绘制动态矩形
- html5绘制矩形
- HTML5学习笔记之使用canvas绘制矩形
- Android——NDK开发配置遇到的问题
- Program2_1017
- spring mvc+Mybatis整合shiro 第五章 缓存
- JavaScript的===和==
- 常用JVM命令参数
- HTML5 canvas 绘制矩形 改变矩形颜色
- 游戏2048--基于cocos2d-x3.2
- Java面试题之精选最常见的面试真题 下
- 解决JUni4使用出错No JUnit tests found
- 【欢迎使用CSDN】
- LeetCode-83.Remove Duplicates from Sorted List
- 百度地图API使用
- 通知的写法
- 记录加入CSDN的第一天