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

ie6下png图片背景不透明的解决办法使用js实现

Jan 11 Javascript

js 实现菜单左右滚动显示示例介绍

Nov 21 Javascript

JavaScript替换当前页面的方法

Apr 03 Javascript

jquery ezUI 双击行记录弹窗查看明细的实现方法

Jun 01 Javascript

Bootstrap源码解读表单（2）

Dec 22 Javascript

详解Angular2组件之间如何通信

Jun 22 Javascript

JS实现点击下拉菜单把选择的内容同步到input输入框内的实例

Jan 23 Javascript

VUE在for循环里面根据内容值动态的加入class值的方法

Aug 12 Javascript

angularJS1 url中携带参数的获取方法

Oct 09 Javascript

JavaScript实现的开关灯泡点击切换特效示例

Jul 08 Javascript

Vue 3.0双向绑定原理的实现方法

Oct 23 Javascript

JS继承定义与使用方法简单示例

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

应用开发中涉及到的css和php笔记分享

2011/08/02 PHP

Yii使用migrate命令执行sql语句的方法

2016/03/15 PHP

浅谈PHP面向对象之访问者模式+组合模式

2017/05/22 PHP

Laravel 集成 Geetest验证码的方法

2018/05/14 PHP

thinkPHP框架整合tcpdf插件操作示例

2018/08/07 PHP

Js数组的操作push,pop,shift,unshift等方法详细介绍

2012/12/28 Javascript

jquery特效幻灯片效果示例代码

2013/07/16 Javascript

关于js数组去重的问题小结

2014/01/24 Javascript

jquery移动节点实例

2015/01/14 Javascript

jQuery Validate初步体验(一)

2015/12/12 Javascript

Bootstrap modal 多弹窗之叠加引起的滚动条遮罩阴影问题

2017/02/27 Javascript

vue2.0全局组件之pdf详解

2017/06/26 Javascript

jQuery动画_动力节点节点Java学院整理

2017/07/04 jQuery

详解如何在你的Vue项目配置vux

2018/06/04 Javascript

Express的HTTP重定向到HTTPS的方法

2018/06/06 Javascript

Vue SPA单页应用首屏优化实践

2018/06/28 Javascript

小程序点击图片实现png转jpg

2019/10/22 Javascript

超简单的微信小程序轮播图

2019/11/22 Javascript

JQuery事件委托(适用于给动态生成的脚本元素添加事件)

2020/02/01 jQuery

Vue路由管理器Vue-router的使用方法详解

2020/02/05 Javascript

Python素数检测实例分析

2015/06/15 Python

python 回调函数和回调方法的实现分析

2016/03/23 Python

python tornado使用流生成图片的例子

2019/11/18 Python

Django 解决新建表删除后无法重新创建等问题

2020/05/21 Python

Python基于爬虫实现全网搜索并下载音乐

2021/02/14 Python

移动端Web页面的CSS3 flex布局快速上手指南

2016/05/31 HTML / CSS

琳达·法罗眼镜英国官网：Linda Farrow英国

2021/01/19 全球购物

入党申请自荐书范文

2014/02/11 职场文书

读书演讲主持词

2014/03/18 职场文书

财产公证书

2014/04/10 职场文书

领导班子对照检查材料

2014/09/22 职场文书

2015年保安个人工作总结

2015/04/02 职场文书

幼儿园开学通知

2015/04/24 职场文书

2015年节能降耗工作总结

2015/05/22 职场文书

css3实现背景图片颜色修改的多种方式

2021/04/13 HTML / CSS

win10重装系统后上不了网怎么办 win10重装系统网络故障的解决办法

2022/07/23 数码科技