canvas系列
文章平均质量分 91
吴迪98
喜欢敲代码的吴小迪~
展开
-
如何将HTML转成图片?看这里你就会了!
笔者在去年的一个项目当中是给学校做的一个后台管理系统,当时是要有在页面上编辑卷子然后将卷子导出的功能。就这涉及到了富文本编辑器的知识和将HTML转成图片的技术。今天这个文章主要是讲如何将html转成图片,富文本编辑器的知识可以观看笔者的另外一篇博客富文本编辑器实现原理如果想将html元素转变成图片那么就需要俩个技术。1.html2canvas – 将html转变成canvas2.canv...原创 2020-06-05 17:42:06 · 62023 阅读 · 11 评论 -
canvas文字粒子效果,只需要100行代码,简单易懂。
震惊,canvas文字粒子效果,只需要100行代码,简单易懂。canvas是使用JavaScript程序绘图(动态生成),相比于css,可以更加简单方便的绘制细节的样式。其中最强大的功能莫过去像素的处理。一个像素一个像素去绘制任何想要的展示效果。接下来,要为各位观众姥爷去介绍一下文字动态粒子效果,当然是一些比较简单。如果各位观众姥爷感兴趣,可以在此基础上扩展如何绘制文字粒子动态效果?1....原创 2020-03-25 22:35:26 · 1073 阅读 · 0 评论 -
canvas的使用
文章目录一、canvas在移动端自适应大小canvas坑1:设置canvas的css的宽高会导致你的填充内容被拉伸canvas坑1解决办法:解决后的代码与效果如下:canvas坑2:不能设置css属性如何让它自适应?canvas坑2解决办法:二、设置背景色,画填充色三、填充字体、设置字体大小、粗体、颜色、文本X,Y轴居中对齐canvas坑3:设置完背景色设置文字失败?四、canvas填充字体模糊的...原创 2020-03-09 14:15:42 · 24403 阅读 · 0 评论