xm2by的博客

canvas绘制五角星在canvas中绘制五角星，主要是利用canvas中path（路径）来绘制，首先确定五角星上A到J这10个点的坐标，如下图所示：这里面用到了一些简单的数学知识：角AOC、COE、EOG、GOI、IOA的值为72°，角AOB、BOC、COD、DOE、EOF、FOG、GOH、HOI、IOJ、JOA的值为36°。当以O为坐标系原点时，根据大圆、小圆的半径，可以计算出C点坐标为...

canvas宽高设置 关于canvas宽高的设置，常见的方法有三种：1、直接设置<canvas>标签的width和height属性；2、通过css样式进行设置；3、通过js设置<canvas>标签的width和height属性。方法1和3是最有效的设置canvas宽高的方法，它会让canvas元素在页面中占据的宽高与画布的实际宽高一致；尽量避免使用方法2（通过css...

canvas实践——绘制刮刮卡参考文献：[1]

canvas实践——绘制文本

toDataURL()方法1、toDataURL()方法是什么？toDataURL()是canvas对象的一种方法，用于将canvas对象转换为base64位编码；2、利用canvas的toDataURL()方法如何将图片转换为base64编码？通过将图片绘制到canvas中，然后将canvas对象转换为base64编码，从而实现图片转为base64编码；3、将图片转换为bas...

图片渐进式加载渐进式加载是指图片在加载过程中由模糊到清晰的一个加载过程，需要两张图片实现，一张体积比较小，一张为原图，体积比较小的图片会先加载成功，然后对其进行模糊化处理，直到原图加载成功后，用原图替代体积较小的图。css filter模糊处理：html<div class="placeholder" data-large="https://pic2.zhimg.com/5...