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

对table和ul实现js分页示例分享

Feb 24 Javascript

jquery制作弹窗提示窗口代码分享

Mar 02 Javascript

JavaScript点击按钮后弹出透明浮动层的方法

May 11 Javascript

[原创]Javascript 实现广告后加载可加载百度谷歌联盟广告

May 11 Javascript

JavaScript原生对象常用方法总结(推荐)

May 13 Javascript

JavaScript简单生成 N~M 之间随机数的方法

Jan 13 Javascript

JavaScript字符串对象

Jan 14 Javascript

JS实现最简单的冒泡排序算法

Feb 15 Javascript

JS实现含有中文字符串的友好截取功能分析

Mar 13 Javascript

Angular实现表单验证功能

Nov 13 Javascript

webpack搭建vue 项目的步骤

Dec 27 Javascript

JavaScript判断日期时间差的实例代码

Mar 01 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图形操作之Jpgraph学习笔记

2015/12/25 PHP

PHP如何使用cURL实现Get和Post请求

2020/07/11 PHP

js post方式传递提交的实现代码

2010/05/31 Javascript

javascript cookie操作类的实现代码小结附使用方法

2010/06/02 Javascript

editable.js 基于jquery的表格的编辑插件

2011/10/24 Javascript

巧用js提交表单轻松解决一个页面有多个提交按钮

2013/11/17 Javascript

用jquery仿做发微博功能示例

2014/04/18 Javascript

JS实现网页上随滚动条滚动的层效果代码

2015/11/04 Javascript

jQuery EasyUI Tab 选项卡问题小结

2016/08/16 Javascript

Bootstarp基本模版学习教程

2017/02/01 Javascript

Vue数字输入框组件的使用方法

2019/10/19 Javascript

vue.js 子组件无法获取父组件store值的解决方式

2019/11/08 Javascript

Windows下安装 node 的版本控制工具 nvm

2020/02/06 Javascript

详解VUE中的插值( Interpolation)语法

2020/10/18 Javascript

[49:11]完美世界DOTA2联赛PWL S3 INK ICE vs DLG 第二场 12.20

2020/12/23 DOTA

Python获取远程文件大小的函数代码分享

2014/05/13 Python

python 接口_从协议到抽象基类详解

2017/08/24 Python

python中获得当前目录和上级目录的实现方法

2017/10/12 Python

python实现决策树、随机森林的简单原理

2018/03/26 Python

python字典值排序并取出前n个key值的方法

2018/10/17 Python

Python基于Tkinter模块实现的弹球小游戏

2018/12/27 Python

python 利用浏览器 Cookie 模拟登录的用户访问知乎的方法

2019/07/11 Python

Python安装OpenCV的示例代码

2020/03/05 Python

matplotlib jupyter notebook 图像可视化 plt show操作

2020/04/24 Python

python中scrapy处理项目数据的实例分析

2020/11/22 Python

李宁官方网店：中国运动品牌

2017/11/02 全球购物

应届生煤化工求职信

2013/10/21 职场文书

平面设计专业大学生职业规划书

2014/03/12 职场文书

学校安全责任书范本

2014/07/23 职场文书

教师党员自我剖析材料

2014/09/29 职场文书

乡村教师党员四风问题对照检查材料思想汇报

2014/10/08 职场文书

2014年圣诞节寄语

2014/12/08 职场文书

行政主管岗位职责范本

2015/04/09 职场文书

小学安全工作总结2015

2015/05/18 职场文书

python中使用 unittest.TestCase单元测试的用例详解

2021/08/30 Python

Ruby处理CSV数据方法详解

2022/04/18 Ruby