html5画线，h5中划线

html5的canvas画线问题

1、首先要获取点击发生鼠标所在的坐标。然后判断这个坐标是否在图形的范围内。如果在，刚可以视为点击了该图形。图形本身是不能响应事件的。必须用canvas代理。只是要判断的情况有时候很复杂。如果这个点所在的位置有多个图形。这就需要判断到底是具体的哪个。这就需要重绘图，绘一次判断一次。

2、小伙伴，你代码写错了撒，定义convas，但你用canvas.getcontext了。。

3、Canvas是HTML5在HTML0的基础上增加的一个绘画标签。通过其提供的坐标定点，在网页中我们可以做动画、绘图，无所不能及。

4、因此，这两个方法都加上beginPath和closePath就行了，即 function test(){cxt.beginPath()；cxt.moveTo(0，0)；cxt.lineTo(100，100)；cxt.stroke()；cxt.closePath()；}note. 一般修改canvas属性的时候，如fillStyle，先要save，绘制完成后再restore还原到初始状态，不然会影响到下一次的绘制。

相关问答

Q1: 如何在HTML5中使用SVG

1、HTML5 页面中的 SVG SVG 文件可通过以下标签嵌入 HTML 文档：embed、object 或者 iframe。HTML 页面中的 SVG 下面，你会看到三种把 SVG 文件嵌入 HTML 页面的不同方法。使用 embed 标签 embed 标签被所有主流的浏览器支持，并允许使用脚本。

2、html5内联svg，你也可以使用embed、object 或者 iframe标签插入。

3、SVG 代码以 svg 元素开始，包括开启标签 svg 和关闭标签 /svg 。这是根元素。width 和 height 属性可设置此 SVG 文档的宽度和高度。version 属性可定义所使用的 SVG 版本，xmlns 属性可定义 SVG 命名空间。SVG 的 circle 用来创建一个圆。cx 和 cy 属性定义圆中心的 x 和 y 坐标。

4、点击电脑开始菜单，找到Inscape工具并点击打开。在Inscape工具编辑界面，绘制两个圆形，设置不同半径和不同颜色填充。设置完毕后，将其导出成SVG格式，存储到桌面上。通过快捷方式打开HBuilderX工具，并新建Web项目，将svg图片复制到项目指定目录下，然后新建一个静态页面。

Q2: 求解答,画线部分用html5怎么弄得!

代码1：使用SVG画线HTML5 SVG Line Example ！--- SVG画圆：SVG提供了一种不同的标签来画圆。正如你看到的下面代码，circle有个id为myCircle。为了定义圆的中心以及半径，使用cx=55 cy=55以及r=50属性分别定义。使用fill=#219E3E为圆填充颜色。

英文输入法状态下，按shift+顿号键（由一个竖道跟一个顿号组成）。超文本标记语言，标准通用标记语言下的一个应用。

小伙伴，你代码写错了撒，定义convas，但你用canvas.getcontext了。。

Q3: 求代码,两个DIV中间之间画线

在两个子div中加多一个div，并设置左（右）边框为可见，并且利用利用padding-bottom|margin-bottom正负值相抵消的原理。例如设置 padding-bottom：1600px； margin-bottom：-1600px；我们可以理解为：运用的是padding可以撑开外层标签而margin不用来撑开外层标签。

因为你给每个div都加了 border 1px的宽度。如果屏幕总宽度1000，那么每个div的宽带为252（而非250）。具体实现：可以在每个div外面套一个div，单独控制宽带百分比。

首先，设置一个盒子，里面分别存放两个div，然后左右两个div的宽度是整个盒子的一半。上面左边的div宽度设置成399px 是因为边框线有1px。也可以把右边的div设置左边框。

元素的内边距在边框和内容区之间，控制该区域最简单的属性是 padding 属性，可以接受长度值或百分比值，但不允许使用负值。 元素的边框是围绕元素内容和内边距的一条或多条线，可以使用 border 属性来规定元素边框的样式、宽度和颜色。

首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的body标签中，输入html代码：divstyle=background：#0b93d5；border：0；123/div divstyle=background：#0b93d5；border：0；123/div 浏览器运行index.html页面，此时两个div中间的空隙被去除了。

htmlbodyphr 标签定义水平线：/phr /p这是段落。/phr /p这是段落。/phr /p这是段落。

Q4: 有哪些好用的HTML5绘图工具?

SpriteBox Spritebox 是一个所见即所得的工具，帮助 Web 设计者迅速而轻松地从一张精灵图片(CSS Sprit Image)创建CSS类和ID选择符样式。LimeWeave LimeWeave是一个 HTML5 编辑器，它可以告诉你什么的 HTML5，CSS 和 JavaScript 特效的样子。

Sencha Touch2是移动应用框架，也被看作是Sencha的HTML5平台。开发者可以用它开发面向iOS、Android和Blackberry、Kindle Fire等多种平台的移动应用。Dojo Foundation Maqetta 来自于IBM的一个项目，Dojo Foundation Maqetta是为桌面和移动设备开发HTML5应用的开源工具，支持在浏览器中查看HTML5界面。

免费好用的H5页面制作工具有：易企秀易企秀定位简单翻页模板H5，面向普通用户，用户可以发布模板，模板数量较多。兔展兔展定位普通用户，操作体验佳，可以使用psd导入功能。70度C70C定位普通用户，体验佳，活动比较丰富。

可以用FineReport。FineReport的图表就是html5图表技术实现的，图表功能比较强大，参数传递灵活，且有移动版，最关键的是，完全符合楼主的开发量少的要求！刚刚特地去官网确认了一下，FineReport的基本理念就是零代码。

Q5: 如何在HTML中画一条线

1、在html中花一条线的方法是有很多的，一般可以直接使用html代码实现或者借助css代码来实现都是可以的。方法使用hr标签画线 htmlbodyphr 标签定义水平线：/phr /p这是段落。/phr /p这是段落。/phr /p这是段落。

2、往常我们画一条横线直接用标签hr即可，当画一条竖线的时候发现找不到标签。在网上查找了一下资料，大致推荐用js来做。小弟比较偏执想用纯css来做，最终找到了解决方法，下面我就来分享一下我的做法。

3、使用hr /标签可以插入一条直线。动态页面是一对多访问。通过一个页面。可以根据若干参数返回其不同的数据。但是静态页面因为是静态所以是一个页面对应一个内容，也就是一对一的关系。他的优点就是无论如何访问都只是让服务器传数据给请求者。并不做脚本计算及读取后台数据库。

4、px； } /style/headbodydiv style=width： 1px；background-color： black；margin： auto；height： 1000px；/div/body/html代码如上，主要就是点线面，如果一个面的宽度很窄，那看起来就是一条线了，把div的宽度设置为1px，居中，那就是中间有一条竖线了。

html5画线的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于h5中划线、html5画线的信息别忘了在本站进行查找喔。