01. 如何创建一个canvas并画一条线段
来源:互联网 发布:阿里云是基于openstack 编辑:程序博客网 时间:2024/05/19 03:47
canvas是html5的新特性,提供绘画api给javascript来将一些效果绘制在一块画布上。用一些简单的canvas知识就可以做出很绚丽的效果。
首先,在一个新建的html中添加一个画布:
<canvas id="canvas"></canvas>
然后在javascript中对这个画布进行一些初始化设置:
var canvas=document.getElementById("canvas");var context=canvas.getContext('2d');context返回一个表示用来绘制的环境类型的环境,是画图过程中很重要的东西。
接下来设置画布的宽高:
canvas.width=1024;canvas.height=768;这样一个基本的canvas环境已经初始化好了。
画一条直线:
context.moveTo(x,y);context.lineTo(x,y);context.stroke();moveTo的方法是指绘画的图形的起点(坐标形式),lineTo是指图形的终点,stroke()就是绘制当前路径的边框。
这样一条简单的线段就完成了。
0 0
- 01. 如何创建一个canvas并画一条线段
- 在网页上画一条线段(HTML5 Canvas作图)
- 如何使用canvas画连续的线段
- 利用opencv画一个圆、一条线段、一个矩形
- 如何创建并运行一个Load Test
- 如何创建一个定时任务,并…
- 当有多条记录时,如何查询其中的一条的一个字段,并赋值给一个变量
- 如何创建一条可靠的实时数据流
- 如何创建一条可靠的实时数据流
- 如何创建一条可靠的实时数据流
- VC++ 如何创建一个线程并传递参数
- 如何使用 MFC 创建并显示一个 PowerPoint 演示文稿
- java如何创建并初始化一个动态的二维数组
- 如何创建一个子进程并分离出去运行
- C# 如何创建一个xml文件?并写入指定内容?
- Linux下如何创建并使用一个static library
- Spring的如何通过bean创建一个对象,并赋值。
- 如何快速创建并发布一个 Android 库
- JAVA环境下创建JSP文件报错: The superclass "javax.servlet.http.HttpServlet" was not found on the Java Build Pa
- Array.prototype.slice.apply的使用方法
- exfat support on android system
- ubuntu 创建新的用户和用户组 以及新用户无法使用bash的问题
- ie hack
- 01. 如何创建一个canvas并画一条线段
- Qt:基于Qt开发的轻量级HTTP服务器
- Cocos2dx----GL calls GL verts
- 使用 Ubuntu 16.04 x64 搭建 ss
- 单播地址,组播地址,广播地址的区别
- JavaScript之全面理解面向对象的JS
- eclipse自动补全的设置
- IOS 如何选择delegate、notification、KVO?
- 表连接例子