之前整理了一点 Canvas 的基础知识 HTML5揭秘读书笔记——Canvas ，本篇继续补充一些基础知识

PS: 之前在markdown文件添加视频的时候在网上复制了一段html代码，也用过<!-- more -->来截断文章， 一直没太注意，今天发现大多数解析器大都是可以支持html的，所以记录效果的时候直接写html代码就可以渲染出结果，非常棒，需要写个<canvas>标签，然后再写个<script>标签，然后在标签中使用window.onload一顿操作就可以了

不过有缺点，兼容性会降低，测试了几个在线mardown编辑器都无法解析，我使用的remarkable本地编辑器和pelican编译后可以正常显示，如非网页效果展示类文章还是尽量不要引入过多的html代码

Base HTML

@@MDPH0@@

圆和半圆

@@MDPH1@@

效果：

输出Sin()函数

@@MDPH2@@

效果：

描边与填充

如下代码展示的是四个正方形描边填充的效果，演示图我设置了增长的边框宽度

@@MDPH3@@

效果：

边缘效果

@@MDPH4@@

效果：

圆形迳向渐变

@@MDPH5@@ 效果：