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

javascript得到XML某节点的子节点个数的脚本

Oct 11 Javascript

关于二级域名下使用一级域名下的COOKIE的问题

Nov 07 Javascript

JQuery1.6 使用方法三

Nov 23 Javascript

jQuery学习笔记(4)--Jquery中获取table中某列值的具体思路

Apr 10 Javascript

jQuery判断当前点击的是第几个li的代码

Sep 26 Javascript

AngularJS基础学习笔记之简单介绍

May 10 Javascript

详解JavaScript中Date.UTC()方法的使用

Jun 12 Javascript

JavaScript合并两个数组并去除重复项的方法

Jun 13 Javascript

javascript获取select值的方法分析

Jul 02 Javascript

jquery实现的点击翻书效果代码

Nov 04 Javascript

JS简单去除数组中重复项的方法

Sep 13 Javascript

vue $router和$route的区别详解

Dec 02 Vue.js

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

str_replace只替换一次字符串的方法

2013/04/09 PHP

Ubuntu12下编译安装PHP5.3开发环境

2015/03/27 PHP

PHP实现事件机制实例分析

2015/06/26 PHP

简单实现php上传文件功能

2017/09/21 PHP

javascript Base类包含基本的方法

2009/07/22 Javascript

禁止IE用右键的JS代码

2013/12/30 Javascript

Js类的静态方法与实例方法区分及jQuery拓展的两种方法

2016/06/03 Javascript

Web前端开发之水印、图片验证码

2016/11/27 Javascript

Node.js 8 中的 util.promisify的详解

2017/06/12 Javascript

JS库之Three.js 简易入门教程(详解之一)

2017/09/13 Javascript

iview日期控件,双向绑定日期格式的方法

2018/03/15 Javascript

超详细动手搭建一个VuePress 站点及开启PWA与自动部署的方法

2019/01/27 Javascript

微信小程序非跳转式组件授权登录的方法示例

2019/05/22 Javascript

微信小程序实现圆形进度条动画

2020/11/18 Javascript

Node.js在图片模板上生成二维码图片并附带底部文字说明实现详解

2019/08/07 Javascript

详解基于Vue/React项目的移动端适配方案

2019/08/23 Javascript

有关vue 开发钉钉 H5 微应用 dd.ready() 不执行问题及快速解决方案

2020/05/09 Javascript

在Python中进行自动化单元测试的教程

2015/04/15 Python

python append、extend与insert的区别

2016/10/13 Python

Python排序搜索基本算法之堆排序实例详解

2017/12/08 Python

python发送邮件脚本

2018/05/22 Python

python实现图片批量压缩程序

2018/07/23 Python

在Pandas中DataFrame数据合并,连接(concat,merge,join)的实例

2019/01/29 Python

python 基于TCP协议的套接字编程详解

2019/06/29 Python

使用PyInstaller将Pygame库编写的小游戏程序打包为exe文件及出现问题解决方法

2019/09/06 Python

python实现对变位词的判断方法

2020/04/05 Python

tensorflow pb to tflite 精度下降详解

2020/05/25 Python

美国顶级奢侈茶：Mighty Leaf Tea（美泰茶）

2016/11/26 全球购物

意大利奢侈品购物网站：Giglio

2018/01/05 全球购物

简单的JAVA编程面试题

2013/03/19 面试题

环保倡议书格式范文

2014/05/14 职场文书

工会换届选举方案

2014/05/21 职场文书

中文专业自荐书

2014/06/29 职场文书

个人贷款授权委托书样本

2014/10/07 职场文书

运动会广播稿50字-100字

2014/10/11 职场文书

《小摄影师》教学反思

2016/02/18 职场文书