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

在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;