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

学习ExtJS 访问容器对象

Oct 07 Javascript

web页面数据展示新想法(json)

Jun 08 Javascript

JQuery中基础过滤选择器用法实例分析

May 18 Javascript

JS实现购物车特效

Feb 02 Javascript

javascript设计模式之策略模式学习笔记

Feb 15 Javascript

AngularJS+Bootstrap3多级导航菜单的实现代码

Aug 16 Javascript

React Native时间转换格式工具类分享

Oct 24 Javascript

浅谈angular表单提交中ng-submit的默认使用方法

Sep 30 Javascript

详解Vue中的scoped及穿透方法

Apr 18 Javascript

Vue 递归多级菜单的实例代码

May 05 Javascript

vue 点击其他区域关闭自定义div操作

Jul 17 Javascript

gojs实现蚂蚁线动画效果

Feb 18 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

第十四节命名空间 [14]

2006/10/09 PHP

基于mysql的论坛（1）

2006/10/09 PHP

PHP字符串处理的10个简单方法

2010/06/30 PHP

php运行出现Call to undefined function curl_init()的解决方法

2010/11/02 PHP

ThinkPHP整合datatables实现服务端分页的示例代码

2018/02/10 PHP

详解PHP队列的实现

2019/03/14 PHP

jquery 之 $().hover(func1, funct2)使用方法

2012/06/14 Javascript

jQuery消息提示框插件Tipso

2015/05/04 Javascript

巧用jQuery选择器提高写表单效率的方法

2016/08/19 Javascript

在bootstrap中实现轮播图实例代码

2017/06/11 Javascript

React Native 搭建开发环境的方法步骤

2017/10/30 Javascript

jQuery实现的简单获取索引功能示例

2018/06/04 jQuery

Bootstrap模态对话框中显示动态内容的方法

2018/08/10 Javascript

vue富文本框（插入文本、图片、视频）的使用及问题小结

2018/08/17 Javascript

详解TypeScript+Vue 插件 vue-class-component的使用总结

2019/02/18 Javascript

JS实现计算小于非负数n的素数的数量算法示例

2019/02/26 Javascript

微信公众平台获取access_token的方法步骤

2019/03/29 Javascript

在vue中使用inheritAttrs实现组件的扩展性介绍

2020/12/07 Vue.js

[58:12]Ti4第二日主赛事败者组 LGD vs iG 3

2014/07/21 DOTA

Python3使用requests包抓取并保存网页源码的方法

2016/03/15 Python

对DJango视图(views)和模版(templates)的使用详解

2019/07/17 Python

python pip安装包出现:Failed building wheel for xxx错误的解决

2019/12/25 Python

Django框架教程之中间件MiddleWare浅析

2019/12/29 Python

python的reverse函数翻转结果为None的问题

2020/05/11 Python

浅谈OpenCV中的新函数connectedComponentsWithStats用法

2020/07/05 Python

css3一个简易的 LED 数字时钟实现方法

2020/01/15 HTML / CSS

CSS3动画特效在活动页中的应用

2020/01/21 HTML / CSS

基于ccs3的timeline时间线实现方法

2020/04/30 HTML / CSS

HTML5资源预加载(Link prefetch)详细介绍（给你的网页加速）

2014/05/07 HTML / CSS

MCAKE蛋糕官方网站：一直都是巴黎的味道

2018/02/06 全球购物

秋季运动会通讯稿

2014/01/24 职场文书

舞蹈专业大学生职业规划范文

2014/03/12 职场文书

户外活动总结范文

2014/04/30 职场文书

教师节活动总结

2014/08/29 职场文书

代收款委托书范本

2014/10/01 职场文书

收银员岗位职责范本

2015/04/07 职场文书