编程 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 相关文章推荐

利用google提供的API(JavaScript接口)获取网站访问者IP地理位置的代码详解

Jul 24 Javascript

ajax 缓存问题 requestheader

Aug 01 Javascript

关于scrollLeft,scrollTop的浏览器兼容性测试

Mar 19 Javascript

jQuery实现表格展开与折叠的方法

May 04 Javascript

JS版元素周期表实现方法

Aug 05 Javascript

详解Vue学习笔记入门篇之组件的内容分发(slot)

Jul 17 Javascript

vue使用自定义icon图标的方法

May 14 Javascript

微信公众平台客服接口发消息的实现代码(Java接口开发)

Apr 17 Javascript

JavaScript实现省市联动效果

Nov 22 Javascript

使用vue重构资讯页面的实例代码解析

Nov 26 Javascript

js实现简单放大镜效果

Mar 07 Javascript

Vue 实现创建全局组件,并且使用Vue.use() 载入方式

Aug 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

我的论坛源代码(三)

2006/10/09 PHP

PHP排序算法之基数排序(Radix Sort)实例详解

2018/04/21 PHP

锋利的jQuery jQuery中的DOM操作

2010/03/21 Javascript

精心挑选的12款优秀的基于jQuery的手风琴效果插件和教程

2012/08/22 Javascript

jquery 检测元素是否存在的实例代码

2013/11/19 Javascript

jQuery中get和post方法传值测试及注意事项

2014/08/08 Javascript

详解iframe与frame的区别

2016/01/13 Javascript

js+html5实现的自由落体运动效果代码

2016/01/28 Javascript

JS中使用apply、bind实现为函数或者类传入动态个数的参数

2016/04/26 Javascript

详解Js模板引擎（TrimPath）

2016/11/22 Javascript

ReactJS实现表单的单选多选和反选的示例

2017/10/13 Javascript

微信小程序事件 bindtap bindinput代码实例

2019/08/26 Javascript

node.js 微信开发之定时获取access_token

2020/02/07 Javascript

小程序中的箭头函数的具体使用

2020/06/19 Javascript

[51:53]DOTA2-DPC中国联赛正赛 RNG vs Dragon BO3 第二场 1月24日

2021/03/11 DOTA

Python判断文本中消息重复次数的方法

2016/04/27 Python

numpy返回array中元素的index方法

2018/06/27 Python

对Python 除法负数取商的取整方式详解

2018/12/12 Python

由Python编写的MySQL管理工具代码实例

2019/04/09 Python

详解python websocket获取实时数据的几种常见链接方式

2019/07/01 Python

python词云库wordCloud使用方法详解(解决中文乱码)

2020/02/17 Python

python3利用Axes3D库画3D模型图

2020/03/25 Python

python3处理word文档实例分析

2020/12/01 Python

Python的轻量级ORM框架peewee使用教程

2021/02/05 Python

HTML5 CSS3给网站设计带来出色效果

2009/07/16 HTML / CSS

css3 自定义字体font-face使用介绍

2014/05/14 HTML / CSS

JavaScript+Canvas实现自定义画板的示例代码

2019/05/13 HTML / CSS

致垒球运动员加油稿

2014/02/16 职场文书

小学少先队活动方案

2014/02/18 职场文书

《风娃娃》教学反思

2014/04/19 职场文书

保密工作目标责任书

2014/07/28 职场文书

班级团队活动方案

2014/08/14 职场文书

法院答辩状格式

2015/05/22 职场文书

利用html+css实现菜单栏缓慢下拉效果的示例代码

2021/03/30 HTML / CSS

html2 canvas svg不能识别的解决方案

2021/06/03 HTML / CSS

Element-ui Layout布局(Row和Col组件)的实现

2021/12/06 Vue.js