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

基于JQuery的数字改变的动画效果--可用来做计数器

Aug 11 Javascript

(跨浏览器基础事件/浏览器检测/判断浏览器)经验代码分享

Jan 24 Javascript

移动端jQuery修正Web页面滑动时div问题的两则实例

May 30 Javascript

javascript的函数劫持浅析

Sep 26 Javascript

js实现倒计时关键代码

May 05 Javascript

Jquery把获取到的input值转换成json

May 15 jQuery

解决vue 打包发布去#和页面空白的问题

Sep 04 Javascript

详解Axios统一错误处理与后置

Sep 26 Javascript

说说如何在Vue.js中实现数字输入组件的方法

Jan 08 Javascript

arctext.js实现文字平滑弯曲弧形效果的插件

May 13 Javascript

Angular8 实现table表格表头固定效果

Jan 03 Javascript

JavaScript 判断数据类型的4种方法

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

Joomla调用系统自带编辑器的实现方法

2016/05/05 PHP

Windows平台实现PHP连接SQL Server2008的方法

2017/07/26 PHP

Laravel中的chunk组块结果集处理与注意问题

2018/08/15 PHP

根据分辨率不同，调用不同的css文件

2006/08/25 Javascript

JavaScript入门之基本函数详解

2011/10/21 Javascript

使用javascipt---实现二分查找法

2013/04/10 Javascript

javascript制作loading动画效果 loading效果

2014/01/14 Javascript

通过点击jqgrid表格弹出需要的表格数据

2015/12/02 Javascript

图文详解JavaScript的原型对象及原型链

2016/08/02 Javascript

Angularjs实现带查找筛选功能的select下拉框示例代码

2016/10/04 Javascript

canvas绘图不清晰的解决方案

2017/02/28 Javascript

Nodejs核心模块之net和http的使用详解

2019/04/02 NodeJs

小程序登录/注册页面设计的实现代码

2019/05/24 Javascript

vue实现表单录入小案例

2019/09/27 Javascript

js实现点赞按钮功能的实例代码

2020/03/06 Javascript

python按照多个字符对字符串进行分割的方法

2015/03/17 Python

使用Python脚本来获取Cisco设备信息的示例

2015/05/04 Python

Python 类的特殊成员解析

2018/06/20 Python

python 读取目录下csv文件并绘制曲线v111的方法

2018/07/06 Python

基于python及pytorch中乘法的使用详解

2019/12/27 Python

Python logging模块写入中文出现乱码

2020/05/21 Python

如何用Django处理gzip数据流

2021/01/29 Python

HTML5视频支持检测(检查浏览器是否支持视频播放)

2013/06/08 HTML / CSS

德国知名健康零食网上商店：Seeberger

2017/07/27 全球购物

Dune London官网：英国著名奢华鞋履品牌

2017/11/30 全球购物

美国狗旅行和户外用品领先供应商：kurgo

2020/08/18 全球购物

大学生毕业求职找工作的自我评价

2013/09/29 职场文书

小学教师岗位职责

2013/11/25 职场文书

市场营销职业生涯规划书范文

2014/01/12 职场文书

卫校毕业生个人自我鉴定

2014/04/28 职场文书

重点工程汇报材料

2014/08/27 职场文书

毕业生班级鉴定评语

2015/01/04 职场文书

2016七一建党节慰问信

2015/11/30 职场文书

《花钟》教学反思

2016/02/17 职场文书

Nginx图片服务器配置之后图片访问404的问题解决

2022/03/21 Servers

手把手带你彻底卸载MySQL数据库

2022/06/14 MySQL