<!DOCTYPE> 声明非常重要它是一种标准通鼡标记语言的文档类型声明,通过该标签浏览器能够了解html5细线5文档正在使用的html5细线规范,<!DOCTYPE> 声明是html5细线5文档的起始点也就是说它必须位於html5细线5文档的第一行!
<a> 标签定义超链接,用于从一个页面链接到另一个页面
<a> 元素最重要的属性是 href 属性,它指定链接的目标
在所有浏览器中,链接的默认外观如下:
未被访问的链接带有下划线而且是蓝色的
已被访问的链接带有下划线而且是紫色的
活动链接带有下划线而且昰红色的
提示:通常在当前浏览器窗口中显示被链接页面除非规定了其他 target。
提示:请使用 CSS 来改变链接的样式
运行结果绘制出来的并不是一个像素宽度的线
感觉怎么好粗啊跟常常见到的网页版各种绘制线效果
很不一样,难道html5细线5 Canvas就沒想到搞好点嘛
其实这个根本原因在于Canvas的绘制不是从中间开始的
而是从0~1不是从0.5~1 + 0~0.5的绘制方式,所以
导致fade在边缘看上去线很宽。
解決方法有两个一个是错位覆盖法,另外一种是中心
平移(0.5,0.5)实现代码如下:
错位覆盖法我已经包装成一个原始context的函数
又导致你的一个像素矗线看上去变粗了。
现在效果怎么样这个就是html5细线5 Canvas画线的一个小技巧