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

JSON扫盲帖 JSON.as类教程

Feb 16 Javascript

javascript 得到变量类型的函数

May 19 Javascript

node.js使用nodemailer发送邮件实例

Mar 10 Javascript

AngularJS表单和输入验证实例

Nov 02 Javascript

JS按条件 serialize() 对应标签的使用方法

Jul 24 Javascript

JavaScript框架Angular和React深度对比

Nov 20 Javascript

浅谈React中的元素、组件、实例和节点

Feb 27 Javascript

用ES6的class模仿Vue写一个双向绑定的示例代码

Apr 20 Javascript

详解基于webpack&gettext的前端多语言方案

Jan 29 Javascript

微信小程序wx.navigateTo方法里的events参数使用详情及场景

Jan 07 Javascript

node.js中npm包管理工具用法分析

Feb 14 Javascript

实例分析javascript中的异步

Jun 02 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数据库连接时容易出错的特殊符号问题

2010/09/01 PHP

批量修改RAR文件注释的php代码

2010/11/20 PHP

php实现按指定大小等比缩放生成上传图片缩略图的方法

2014/12/15 PHP

php中使用key,value,current,next和prev函数遍历数组的方法

2015/03/17 PHP

用js 让图片在 div或dl里　居中，底部对齐

2008/01/21 Javascript

JS中Iframe之间传值及子页面与父页面应用

2013/03/11 Javascript

js交换排序冒泡排序算法（Javascript版）

2014/10/04 Javascript

QQ登录背景闪动效果附效果演示源码下载

2015/09/22 Javascript

javascript实现省市区三级联动下拉框菜单

2015/11/17 Javascript

javascript+HTML5 Canvas绘制转盘抽奖

2020/05/16 Javascript

让你一句话理解闭包(简单易懂)

2016/06/03 Javascript

js日期相关函数dateAdd,dateDiff,dateFormat等介绍

2016/09/24 Javascript

扩展Bootstrap Tooltip插件使其可交互的方法

2016/11/07 Javascript

HTML5开发Kinect体感游戏的实例应用

2017/09/18 Javascript

详解Vue CLI3配置解析之css.extract

2018/09/14 Javascript

JavaScript实现身份证验证代码实例

2019/08/26 Javascript

js实现点击生成随机div

2020/01/16 Javascript

Ant Design Vue 添加区分中英文的长度校验功能

2020/01/21 Javascript

Python的动态重新封装的教程

2015/04/11 Python

python追加元素到列表的方法

2015/07/28 Python

Python中 Lambda表达式全面解析

2016/11/28 Python

对pandas处理json数据的方法详解

2019/02/08 Python

tensorflow自定义激活函数实例

2020/02/04 Python

python简单实现插入排序实例代码

2020/12/16 Python

canvas需要在标签里直接定义宽高

2014/12/17 HTML / CSS

荷兰时尚精品店：Labels Fashion

2020/03/22 全球购物

超市端午节活动方案

2014/01/23 职场文书

《手指教学》反思

2014/02/14 职场文书

网络宣传方案

2014/03/15 职场文书

物联网工程专业推荐信

2014/09/08 职场文书

大学生联谊活动策划书（光棍节）

2014/10/10 职场文书

银行给客户的感谢信

2015/01/23 职场文书

2015年保管员工作总结

2015/04/30 职场文书

工作态度不好检讨书

2015/05/06 职场文书

幼儿园教师读书笔记

2015/06/29 职场文书

毕业生自荐求职信书写的技巧

2019/08/26 职场文书