随笔分类 - 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...
阅读全文
