随笔分类 -  canvas

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

点击右上角即可分享
微信分享提示