1.id定位

HTML规定id属性在HTML文档中必须是唯一的。

如：

<input type="text" class="s_ipt" name="wd" id="kw" maxlength="100" autocomplete="off">

写在前面

之前写过一篇文章提到了xpath元素定位，只写了一些函数，但是不够具体。于是想再写一篇关于xpath元素的定位终极篇，相信你一定能在这里找到你需要的解决办法。

本节我们来学习如何创建 Canvas 画布。 <canvas> 标签是 HTML5 中新增的标签，通过使用 JavaScript 中的脚本来绘制图形。在页面上放置一个 canvas 元素，就相当于在页面上放置了一块画布，canvas 元素拥有多种绘制矩形、圆形、字符、路径以及添加图像的方法。

但是我们并不是使用鼠标在画布中画画的哟，其实 <canvas> 标签本身没有绘制图形的能力，它只是一个图形容器，要想在这个容器中绘制图形，则必须使用 JavaScript 脚本来完成。

#是什么决定了一个人的前途和命运#

在Bresenham画线算法及实践一文中介绍了如何绘制直线段，在诸如图表等可视化场景中，往往需要使用各类不同的线型，如虚线、点划线等，本文介绍一种实现绘制这类线型的方法，并使用TypeScript语言在HTML canvas画布中进行绘制。
这里借鉴OpenGL中的定义的线型函数glLineStripple(repeatFactor, pattern)，其中pattern使用16bit位来定义线型属性，其中1表示对象像素打开，0表示像素关闭。参见下图，如pattern设置为0x1C47，bit为1则设置线的颜色值，为0则设置为背景色，重复这个模式就形成了点划线；同样地，0x00FF就表示了虚线、0xFFFF表示实线。另外一个参数repeatFactor为整数参数，表示每一个bit重复多少次才轮到下一个bit，这个参数可以调节线型疏密程度。

#头条创作挑战赛#

在Canvas中，常见的线条操作属性有：

一、什么是canvas?

canvas是h5新增的标签。由 HTML 代码配合高度和宽度属性而定义出的可绘制区域。简单的来说就是一块画布。

新增的标签，所以它是有兼容性问题的。 Mozilla 程序从 Gecko 1.8 (Firefox 1.5) 开始支持 <canvas>, Internet Explorer 从 IE9 开始 <canvas> 。Chrome 和 Opera 9+ 也支持 <canvas>

二、canvas的使用。

什么是CSS

CSS是Cascading Style Sheets的简写，它除了可以轻松设置网页元素的显示位置和格式处，甚至还能产生滤镜，图像淡化，网页淡入淡出的渐变效果。

CSS

• 一个样式表由样式规则组成，以告诉浏览器怎样去呈现一个文档
• 简而言之，CSS就是要对网页的显示效果实现与Word一样的排版控制。
• 一个段落： 字体：红色；背景：黄色；有一个2个像素实线边框；字体大小为4cm;