编程 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 插件开发笔记整理

Jan 17 Javascript

javascript实现div的显示和隐藏的小例子

Jun 25 Javascript

JQuery中对Select的option项的添加、删除、取值

Aug 25 Javascript

jQuery - css() 方法示例详解

Jan 16 Javascript

js实现拖拽效果

Feb 12 Javascript

基于jQuery实现放大镜特效

Oct 19 Javascript

JavaScript Math 对象常用方法总结

Apr 28 Javascript

Bootstrap Paginator分页插件与ajax相结合实现动态无刷新分页效果

May 27 Javascript

bootstrap table表格插件使用详解

May 08 Javascript

js自定义trim函数实现删除两端空格功能

Feb 09 Javascript

vue实现简单的MVVM框架

Aug 05 Javascript

Vue js with语句原理及用法解析

Sep 03 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中call_user_func_array的作用

2013/06/07 PHP

php类声明和php类使用方法示例分享

2014/03/29 PHP

在js文件中如何获取basePath处理js路径问题

2013/07/10 Javascript

node.js正则表达式获取网页中所有链接的代码实例

2014/06/03 Javascript

引用jquery框架后出错的解决方法

2016/08/09 Javascript

基于MVC5和Bootstrap的jQuery TreeView树形控件(二)之数据支持json字符串、list集合

2016/08/11 Javascript

JS实现图文并茂的tab选项卡效果示例【附demo源码下载】

2016/09/21 Javascript

Vue.js学习示例分享

2017/02/05 Javascript

微信小程序五星评分效果实现代码

2017/04/06 Javascript

JavaScript简单计算人的年龄示例

2017/04/15 Javascript

微信小程序监听手势滑动切换页面实例详解

2017/06/15 Javascript

vue下拉菜单组件（含搜索）的实现代码

2018/11/25 Javascript

Vue.js样式动态绑定实现小结

2019/01/24 Javascript

Vue 之孙组件向爷组件通信的实现

2019/04/23 Javascript

vue指令做滚动加载和监听等

2019/05/26 Javascript

js判断非127开头的IP地址的实例代码

2020/01/05 Javascript

在Django框架中编写Contact表单的教程

2015/07/17 Python

Python计算已经过去多少个周末的方法

2015/07/25 Python

python 与GO中操作slice，list的方式实例代码

2017/03/20 Python

python使用response.read()接收json数据的实例

2018/12/19 Python

带你认识Django

2019/01/15 Python

opencv实现静态手势识别 opencv实现剪刀石头布游戏

2019/01/22 Python

python opencv minAreaRect 生成最小外接矩形的方法

2019/07/01 Python

python画图把时间作为横坐标的方法

2019/07/07 Python

Python数据库小程序源代码

2019/09/15 Python

Python上下文管理器全实例详解

2019/11/12 Python

如何在 Django 模板中输出 "{{"

2020/01/24 Python

基于matplotlib xticks用法详解

2020/04/16 Python

python属于解释语言吗

2020/06/11 Python

python中翻译功能translate模块实现方法

2020/12/17 Python

Python脚本调试工具安装过程

2021/01/11 Python

详解HTML5 Canvas绘制不规则图形时的非零环绕原则

2016/03/21 HTML / CSS

中华在我心中演讲稿

2014/09/13 职场文书

离婚协议书范本及离婚须知

2014/10/15 职场文书

小学班主任评语

2014/12/29 职场文书

幼儿园大班教育随笔

2015/08/14 职场文书