编程 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 给汉字排序实例代码

Jun 28 Javascript

js获取或设置当前窗口url参数的小例子

Oct 14 Javascript

jQuery实现表格颜色交替显示的方法

Mar 09 Javascript

探讨：JavaScript ECAMScript5 新特性之get/set访问器

May 05 Javascript

js方法数据验证的简单实例

Sep 17 Javascript

详解JS中的快速排序与冒泡

Jan 10 Javascript

js实现按座位号抽奖

Apr 05 Javascript

lhgcalendar时间插件限制只能选择三个月的实现方法

Jul 03 Javascript

vue和webpack安装命令详解

Jun 15 Javascript

vue-cli 3.0 自定义vue.config.js文件,多页构建的方法

Sep 19 Javascript

微信小程序实现九宫格抽奖

Apr 15 Javascript

layui实现鼠标移动到单元格上显示数据的方法

Sep 11 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

PHP+ajax 无刷新删除数据

2010/02/20 PHP

sql注入与转义的php函数代码

2013/06/17 PHP

PHP正则匹配操作简单示例【preg_match_all应用】

2017/07/10 PHP

PHP 实现 JSON 数据的编码和解码操作详解

2020/04/22 PHP

使用JS CSS去除IE链接虚线框的三种方法

2013/11/14 Javascript

js类式继承的具体实现方法

2013/12/31 Javascript

[原创]推荐10款最热门jQuery UI框架

2014/08/19 Javascript

js文本框走动跑马灯效果代码分享

2015/08/25 Javascript

基于javascript实现图片懒加载

2016/01/05 Javascript

AngularJS教程 ng-style 指令简单示例

2016/08/03 Javascript

微信小程序 loading（加载中提示框）实例

2016/10/28 Javascript

bootstrap轮播模板使用方法详解

2017/11/17 Javascript

详解VUE 对element-ui中的ElTableColumn扩展

2018/03/28 Javascript

AngularJS中的作用域实例分析

2018/05/16 Javascript

JavaScript模拟实现自由落体效果

2018/08/28 Javascript

使用pm2部署node生产环境的方法步骤

2019/03/09 Javascript

公众号SVG动画交互实战代码

2020/05/31 Javascript

JS实现超级好看的鼠标小尾巴特效

2020/12/01 Javascript

python 截取取出一部分的字符串方法

2017/03/01 Python

对python cv2批量灰度图片并保存的实例讲解

2018/11/09 Python

对Python的多进程锁的使用方法详解

2019/02/18 Python

对python借助百度云API对评论进行观点抽取的方法详解

2019/02/21 Python

自定义Django_rest_framework_jwt登陆错误返回的解决

2020/10/18 Python

HTML5 visibilityState属性详细介绍和使用实例

2014/05/03 HTML / CSS

资产经营总监岗位职责范文

2013/12/01 职场文书

天鹅的故事教学反思

2014/02/04 职场文书

2015教师年度工作总结范文

2015/04/07 职场文书

2015年英语教研组工作总结

2015/05/23 职场文书

军训阅兵新闻稿

2015/07/17 职场文书

母亲节主题班会

2015/08/14 职场文书

靠谱的活动总结

2019/04/16 职场文书

python基于scrapy爬取京东笔记本电脑数据并进行简单处理和分析

2021/04/14 Python

MySQL外键约束(FOREIGN KEY)案例讲解

2021/08/23 MySQL

PostgreSQL并行计算算法及参数强制并行度设置方法

2022/04/07 PostgreSQL

MySQL中优化SQL语句的方法（show status、explain分析服务器状态信息）

2022/04/09 MySQL

SpringBoot Http远程调用的方法

2022/08/14 Java/Android