编程 Javascript

js+html5通过canvas指定开始和结束点绘制线条的方法

Posted in Javascript onJune 05, 2015

本文实例讲述了js+html5通过canvas指定开始和结束点绘制线条的方法。分享给大家供大家参考。具体实现方法如下：

<!DOCTYPE html>
<html>
<body>
<canvas id="myCanvas" width="200" height="100"
style="border:1px solid #c3c3c3;">
Your browser does not support the HTML5 canvas tag.
</canvas>
<script type="text/javascript">
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.moveTo(10,10);
ctx.lineTo(150,50);
ctx.lineTo(10,50);
ctx.stroke();
</script>
</body>
</html>

希望本文所述对大家的web程序设计有所帮助。

- Author -

不吃皮蛋

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JavaScript 中的事件教程

Apr 05 Javascript

JavaScript的document对象和window对象详解

Dec 30 Javascript

JavaScript使用Replace进行字符串替换的方法

Apr 14 Javascript

JS实现将Asp.Net的DateTime Json类型转换为标准时间的方法

Aug 02 Javascript

jQuery 获取页面li数组并删除不在数组中的key

Aug 02 Javascript

Javascript 判断两个IP是否在同一网段实例代码

Nov 28 Javascript

Angular ng-repeat指令实例以及扩展部分

Dec 26 Javascript

微信小程序 Toast自定义实例详解

Jan 20 Javascript

详解Angularjs 如何自定义Img的ng-load 事件

Feb 15 Javascript

vue的注意规范之v-if 与 v-for 一起使用教程

Aug 04 Javascript

js中addEventListener()与removeEventListener()用法案例分析

Mar 02 Javascript

《javascript设计模式》学习笔记一：Javascript面向对象程序设计对象成员的定义分析

Apr 07 Javascript

js+HTML5实现canvas多种颜色渐变效果的方法

Jun 05 #Javascript

JavaSacript中charCodeAt()方法的使用详解

Jun 05 #Javascript

JavaScript中length属性的使用方法

Jun 05 #Javascript

jQuery插件bgStretcher.js实现全屏背景特效

Jun 05 #Javascript

js+html5绘制图片到canvas的方法

Jun 05 #Javascript

简介JavaScript中valueOf()方法的使用

Jun 05 #Javascript

jQuery插件jRumble实现网页元素抖动

Jun 05 #Javascript

You might like

openflashchart 2.0 简单案例php版

2012/05/21 PHP

Thinkphp中import的几个用法详细介绍

2014/07/02 PHP

PHP+Redis 消息队列实现高并发下注册人数统计的实例

2018/01/29 PHP

Laravel定时任务的每秒执行代码

2019/10/22 PHP

Javascript 自定义类型方法小结

2010/03/02 Javascript

使用Jquery搭建最佳用户体验的登录页面之记住密码自动登录功能（含后台代码）

2011/07/10 Javascript

JavaScript实现鼠标点击后层展开效果的方法

2015/05/13 Javascript

基于jQuery1.9版本如何判断浏览器版本类型

2016/01/12 Javascript

浅谈Web页面向后台提交数据的方式和选择

2016/09/23 Javascript

详解js中常规日期格式处理、月历渲染和倒计时函数

2016/12/28 Javascript

vue实现计步器功能

2019/11/01 Javascript

vue自定义指令和动态路由实现权限控制

2020/08/28 Javascript

[04:10]DOTA2英雄梦之声_第11期_圣堂刺客

2014/06/21 DOTA

[45:44]完美世界DOTA2联赛PWL S2 FTD vs PXG 第一场 11.27

2020/12/01 DOTA

Python基于有道实现英汉字典功能

2015/07/25 Python

Python实现导出数据生成excel报表的方法示例

2017/07/12 Python

13个最常用的Python深度学习库介绍

2017/10/28 Python

Python 和 JS 有哪些相同之处

2017/11/23 Python

python re库的正则表达式入门学习教程

2019/03/08 Python

Pandas 重塑(stack)和轴向旋转(pivot)的实现

2019/07/22 Python

Python 生成一个从0到n个数字的列表4种方法小结

2019/11/28 Python

python支持多线程的爬虫实例

2019/12/21 Python

解决pytorch多GPU训练保存的模型,在单GPU环境下加载出错问题

2020/06/23 Python

Python+OpenCV图像处理——打印图片属性、设置存储路径、调用摄像头

2020/10/22 Python

出国留学自荐信

2013/10/25 职场文书

高中校园广播稿

2014/01/11 职场文书

教师队伍管理制度

2014/01/14 职场文书

简单租房协议书

2014/04/09 职场文书

企业总经理任命书

2014/06/05 职场文书

运动会演讲稿300字

2014/08/25 职场文书

从严治党主题教育活动总结

2015/05/07 职场文书

会议室使用管理制度

2015/08/06 职场文书

2019年聘任书的写作格式及范文！

2019/07/03 职场文书

Nginx配置80端口访问8080及项目名地址方法解析

2021/03/31 Servers

Oracle 触发器trigger使用案例

2022/02/24 Oracle

vue实现移动端div拖动效果

2022/03/03 Vue.js