一个关于使用html5的canvas标签的问题

你我怀疑你是直接用页面中鼠标的坐标值在canvas里边画线的。因为很明显你的鼠标实际的轨迹是从页面的左上角开始的，而你画线是从canvas的左上角开始的。

最好写一个坐标转换的函数，把全局坐标转换成canvas内部的坐标，并且这块儿可以单独拿出来测试，发现问题也好改。

section是HTML5新增的语义化标签，实际上本身就是一个块级元素，可以把它当做一个特殊的div来使用，去掉边框 *** 作“border: 0px”

HTML5新增的块级元素：（这些标签都可以当做一个特殊div来 *** 作）

<header>标签定义文档的页眉（介绍信息）。

<section>标签定义文档中的节（section、区段）比如章节、页眉、页脚或文档中的其他部分

<footer>标签定义文档或节的页脚。应当含有其包含元素的信息。页脚通常包含文档的作者、版权信息、使用条款链接、联系信息等等。可以在一个文档中使用多个 <footer>元素。联系信息应该位于 <address>标签中。

<aside>标签定义其所处内容之外的内容。其内容应该与附近的内容相关。可做侧栏。

<nav>标签定义导航链接的部分。

<main>标签规定文档的主要内容。其元素中的内容对于文档来说应当是唯一的。它不应包含在文档中重复出现的内容，比如侧栏、导航栏、 版权信息、站点标志或搜索表单。在一个文档中，不能出现一个以上的 <main>元素。<main>元素不能是以下元素的后代：<article>、<aside>、<footer>、<header>或 <nav>。

<article>标签规定独立的自包含内容。元素的潜在来源：论坛帖子、报纸文章、博客条目、用户评论。

<figure>标签规定独立的流内容（图像、图表、照片、代码等等）。

虚线是css控制的

在<style></style>中添加

.bor{

border-bottom: 1px dashed #000

}

在需要添加虚线的元素添加 class="border"

p标签跟这个也差不多，只是添加的属性不一样

background: #颜色代码

---