编程 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 23 Javascript

Javascript判断文件是否存在(客户端/服务器端)

Sep 16 Javascript

解决angular的$http.post()提交数据时后台接收不到参数值问题的方法

Dec 10 Javascript

基于jQuery代码实现圆形菜单展开收缩效果

Feb 13 Javascript

微信小程序 image组件binderror使用例子与js中的onerror区别

Feb 15 Javascript

angular directive的简单使用总结

May 24 Javascript

jquery图片放大镜效果

Jun 23 jQuery

简单实现js上传文件功能

Aug 21 Javascript

详解React-Router中Url参数改变页面不刷新的解决办法

May 08 Javascript

详解基于Vue2.0实现的移动端弹窗(Alert, Confirm, Toast)组件

Aug 02 Javascript

JavaScript引用类型Function实例详解

Aug 09 Javascript

Vue.js watch监视属性知识点总结

Nov 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连接Access数据库的方法小结

2013/06/20 PHP

2015/03/20 PHP

php中PDO方式实现数据库的增删改查

2015/05/17 PHP

浅谈PHP SHA1withRSA加密生成签名及验签

2019/03/18 PHP

PHP中有关长整数的一些操作教程

2019/09/11 PHP

javascript 遍历验证所有文本框的值

2009/08/27 Javascript

JQuery 动态扩展对象之另类视角

2010/05/25 Javascript

js 实现日期灵活格式化的小例子

2013/07/14 Javascript

javascript实现类似超链接的效果

2014/12/26 Javascript

JS实现状态栏跑马灯文字效果代码

2015/10/24 Javascript

jquery树形菜单效果的简单实例

2016/06/06 Javascript

AngularJS入门教程之 XMLHttpRequest实例讲解

2016/07/27 Javascript

真正好用的js验证上传文件大小的简单方法

2016/10/27 Javascript

如何利用JQuery实现从底部回到顶部的功能

2016/12/27 Javascript

ES6学习教程之对象的扩展详解

2017/05/02 Javascript

vue 优化CDN加速的方法示例

2018/09/19 Javascript

JavaScript强制类型转换和隐式类型转换操作示例

2019/05/01 Javascript

微信小程序之滑动页面隐藏和显示组件功能的实现代码

2020/06/19 Javascript

[01:12]（回顾）DOTA2国际邀请赛，全世界DOTAer的盛宴

2014/07/01 DOTA

python实现定制交互式命令行的方法

2014/07/03 Python

Python解析网页源代码中的115网盘链接实例

2014/09/30 Python

详解Python中的多线程编程

2015/04/09 Python

Django JWT Token RestfulAPI用户认证详解

2019/01/23 Python

Python和Go语言的区别总结

2019/02/20 Python

使用pytorch实现可视化中间层的结果

2019/12/30 Python

用什么库写 Python 命令行程序(示例代码详解)

2020/02/20 Python

Python的历史与优缺点整理

2020/05/26 Python

Pytorch损失函数nn.NLLLoss2d()用法说明

2020/07/07 Python

CSS3实现多背景展示效果通过CSS3定位多张背景

2014/08/10 HTML / CSS

结合CSS3的新特性来总结垂直居中的实现方法

2016/05/30 HTML / CSS

法律进机关实施方案

2014/03/12 职场文书

单位委托书范本

2014/04/04 职场文书

医德医风自我评价

2014/09/19 职场文书

2016思想纪律作风整顿心得体会

2016/01/23 职场文书

2016年全国爱牙日宣传活动总结

2016/04/05 职场文书

五年级作文之想象作文

2019/10/30 职场文书