随笔分类 - canvas
canvas相关
摘要:- 参考地址:https://www.runoob.com/w3cnote/html5-canvas-intro.html 这篇文章系统的把canvas的api罗列出来,可以很清晰的了解到canvas能够做哪些事情。学习canvas真的看这一偏就够了,推荐。 练习代码: <!DOCTYPE html
阅读全文
摘要:html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docu
阅读全文
摘要:<template> <div> <div id="slide_unloack_wraper"> <canvas width="310" height="155" id="slide_unloack_wraper1"></canvas> <div id="slide_unloack_inner">
阅读全文
摘要:几天有需求做滑动解锁,想来点新鲜的,于是想挑战一下,cavas做图片滑动解锁; 原文链接:https://www.jb51.net/article/137129.htm 我们想实现这样的效果: 首先随便找一张图片渲染到canvas上,这里#canvas作为画布,#block作为裁剪出来的小滑块。 <
阅读全文
摘要:function plot(){//绘制函数 // 创建一个canvas画布 const canvas=document.createElement("canvas"); canvas.width=document.documentElement.offsetWidth; canvas.height=document.doc...
阅读全文
摘要:HTML5添加的最受欢迎的元素,就是<canvas>元素,这个元素负责在页面中设置一个区域,然后可以通过javascript动态的在这个区域中绘制图形; 使用<canvas>元素,必须先设置其width和height属性,指定绘图区域大小;出现在canvas开头和结束标签之间的内容,会在不支持can
阅读全文
摘要:logoImgUpload:function(file) { let self = this; self.formatUpload(file); let reader = new FileReader(); reader.readAsDataURL(file); reader.onload = function (e...
阅读全文