canvas路径操作
来源:互联网 发布:淘宝什么买家秀大尺度 编辑:程序博客网 时间:2024/06/05 10:01
<!DOCTYPE html><html><head><meta charset="utf-8"><title>canvas</title><style>body{ background:#808080;}#canvas{ background:#FFFFFF;}</style><script> window.onload = function(){ //获取canvas画布 var canvas = document.getElementById('canvas'); //获取2d绘图环境 cxt = canvas.getContext('2d'); cxt.strokeRect(300,300,100,100); //清除路径 cxt.clearRect(0,0,canvas.width,canvas.height); cxt.save(); //保存路径 cxt.fillStyle = 'red'; cxt.fillRect(100,100,100,100); cxt.restore();//恢复路径 cxt.fillRect(200,200,100,100); }</script></head><body><canvas id="canvas" width="500" height="500"></canvas></body></html>
效果图:
0 0
- canvas路径操作
- canvas操作
- canvas context2d绘制路径
- html5 canvas绘制路径
- 2.canvas路径
- Canvas简单直线路径
- canvas学习心得之路径
- Canvas---路径的绘制
- canvas-绘制路径
- Canvas---Canvas变换与操作
- HTML5 Canvas 起步(2) - 路径
- HTML5 Canvas 绘制路径实例
- canvas画路径坐标确定
- canvas 像素操作
- android canvas 操作 test
- Canvas基本操作
- canvas操作图像
- Canvas文本操作
- 1027. Colors in Mars (20)
- Android Studio修改常用快捷键
- AndroidStudio导入项目一直卡在Building gradle project info最快速解决方案
- 中华人民共和国公司法
- android开发使用SDK与ANT实现自动打包(混淆、签名)
- canvas路径操作
- 1031. Hello World for U (20)
- webservice详解(CXF)
- 前期策划对网站优化起决定决定性作用
- PHP 版本判断 version_compare() 函数
- mysql 修改库的默认字符集、表的默认字符集和修改表字段的默认字符集
- R语言实现KNN 算法
- BeanUtils.copyProperties与PropertyUtils.copyProperties用法及区别(转)
- 对前台传过来的json对象或数组进行转化