canvas
cutewrp
这个作者很懒,什么都没留下…
展开
-
烟花庆祝
原理通过canvas以及js做的废话不多说!上代码!特别提示:以下代码const text = ’‘是要输入要庆祝的文字。例如:新年快乐!<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>烟花绽放庆祝</title> <style> body { margi原创 2020-11-26 17:11:53 · 173 阅读 · 0 评论 -
H5环形取色器
目录一、准备二、原理三、代码一、准备1.准备一张大的彩色环图片以及小的白色环png图片二、原理1. 定义两个叠加的canvas, 底部的canvas画入一个彩色环图片2. 顶层的canvas的onclick事件里执行代码画入一个白色的环,作为鼠标位置,3. 从鼠标位置获取图片的像素,解析成rgb值。三、代码HTML代码:<div id="divPicker"> <div id="divCanvas" style="width:400px; height:400px原创 2020-10-26 17:56:37 · 679 阅读 · 0 评论 -
如何在HTML里加载摄像头
效果图:整体效果:视频加载:拍照:第一步:创建HTML元素首先,我们要创建一个HTML5的文档。<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title></head><body></body></html>然后在<body></body>插入以下原创 2020-09-29 16:48:29 · 963 阅读 · 0 评论