上代码，指定的canvas宽高都一样，线条的粗细都是5px

1.宽：400；高：300；直接写在<canvas>里的效果：

2、删除<canvas>里的宽高，宽：400；高：300；写在<style>里的效果：

但是从对比结果上来看，明显的线条粗细有差异。

写在style里的宽高出现的canvas它的外边有那种毛糙感，而写在行间的宽高样式出来的图却没有。

canvas跟其他标签一样，也可以通过css来定义样式。但这里需要注意的是：canvas的默认宽高为300px * 150px,在css中为canvas定义宽高，实际上把宽高为300px * 150px的画布进行了拉伸，如果在这样的情况下进行canvas绘图，你得到的图形可能就是变形的效果（上面就出现了模糊）。所以，在canvas绘图时，应该在canvas标签里直接定义宽高。

最新文章

1. Atitit ABI FFI 的区别与联系 attilax总结
2. iOS常用网络库之AFNetWorking
3. office 软件常用备忘(删除线／冻结等)
4. Java Hour2
5. N皇后问题2
6. SDIBT 3237 Boring Counting( 划分树+二分枚举 )
7. 如何给div加一个边框border样式
8. Spring 学习笔记01
9. UESTC_Just a Maze CDOJ 1162
10. Arrays.toString(a)---&gt;将数组a的值转换为字符串
11. H5 拖放
12. C++模板学习：函数模板、结构体模板、类模板
13. buaaoo_second_improvement
14. Cent OS 7 安装海峰、极点五笔输入法
15. 洛谷 P1393 P3157 动态逆序对
16. lombok的简单介绍(1)
17. python 全栈开发，Day27(复习, defaultdict,Counter,时间模块,random模块,sys模块)
18. android工程导入没有错误，运行提示Unable to instantiate activity ComponentInfo
19. [OS] 内核态和用户态的区别
20. 有谁知道什么工具测试IOS手机上APP的性能软件啊？

热门文章

1. 【Linux探索之旅】第二部分第三课：文件和文件夹，组织不会亏待你
2. Redis和Memcache和MongoDB简介及区别分析（整理）
3. Linux基础02
4. HD-ACM算法专攻系列（13）——How Many Fibs?
5. Adobe ZXPInstaller 报错 Installation failed because of a file operation error.
6. LeetCode 1. Two Sum (c++ stl map)
7. SQL SERVER 提取字符串中汉字
8. sftp权限
9. 算法38---292. Nim游戏
10. [NOIP2011提高组]Mayan游戏