canvas圆点

用HTML做2个新年代码

代码：3D烟花html,body{margin:0px;width:100%;height:100%;overflow:hidden;background:#000;}#canvas{width:100%
Silk Roads·2024-01-02 23:34

canvas绘制网格线示例

查看专栏目录canvas示例教程100+专栏，提供canvas的基础知识，高级动画，相关应用扩展等信息。
还是大剑师兰特·2024-01-02 21:04

python五子棋代码

以下是一个使用Tkinter模块实现五子棋的Python代码示例：importtkinterastkclassChessboard(tk.Canvas):def__init__(self,master=
心梓知识·2024-01-02 21:48

[部署03] gitlab-CI

http缓存机制）[深入08]前端安全[深入09]深浅拷贝[深入10]DebounceThrottle[深入11]前端路由[深入12]前端模块化[深入13]观察者模式发布订阅模式双向数据绑定[深入14]canvas
woow_wu7·2024-01-02 21:44

使用pdfh5.js预览pdf 使用jspdf与html2canvas导出pdf

1.开发工具VScode2.使用框架Taro3.安装pdfh5yarnaddpdfh54.安装jspdfyarnaddjspdf5.安装html2canvasyarnaddhtml2canvas6.使用在
笑语解愁苦·2024-01-02 16:22

微信小游戏保存自定义分享图到相册实例

1.创建画布letcv=wx.createCanvas();letctx=cv.getContext("2d");2.绘制自定义纹理实例中包含一张背景图（来自官方打飞机样例素材）和两行文本。
PurySun·2024-01-02 10:03

蝴蝶

我看见，蝴蝶的翅膀是黑色的，上面有蓝色的圆点，下面有白色的椭圆点，美丽极啦！它的脚细细的，而且是黑色的，我看见，它的身体就像毛毛虫一样，因为蝴蝶小时候是毛毛虫变的。
坠入河畔·2024-01-02 09:15

小程序canvas绘制海报二维码

保存图片到相册当前页面的jsimportInfofrom"../../utils/util.js";//引入外部jsdata:{hidden:true,code:"",title:"",imgs:"",imgUrl:"",sHeight:"",sWidth:''},//请求海报封面和二维码letthat=this;wx.downloadFile({url:'https://test.ydlweb.
唐人不自醉·2024-01-02 09:29

用canvas画三角形

效果图如下：第一步：创建一个带id，宽高的canvas，宽高属性不需要style包裹第二步：获取这个dom并创建canvas对象第三步：进行创建和关闭路径的编写同时再这中间进行绘制
桔子TJ·2024-01-02 01:18

Godot - 用shader和animationplayer制作帅逼遮罩动画

准备素材一个背景面板一个运动的图片(带alpha通道)shader开发shader_typecanvas_item;uniformsampler2Dsrc;uniformfloatps:hint_range
Zszen·2024-01-02 01:19

用jquery来实现轮播图效果

效果展示首先就是布局，在这里面我们会使用div，ul，li等多个标签，一.html部分的代码如下<>注意我们要在最后加上一张和第一张重复的图片，方便后续功能的实现ol中装的li时下面的小圆点
古风残影·2024-01-01 21:59

Canvas的理解

Canvas1、什么是canvas直译是画布，本质其实是绘制图形的工具类。
蔺小帅·2024-01-01 19:27

Unity3d 关于UI预制体显示的不同问题

问题图一图二上面的图一有个Canvas，并且是灰色的，为什么？
.卡·2024-01-01 18:17

Android画布Canvas矩阵Matrix放大裁剪Rect区域的Bitmap，Kotlin

Android画布Canvas矩阵Matrix放大裁剪Rect区域的Bitmap，Kotlinprivatefunmydraw(){valoriginBmp=BitmapFactory.decodeResource
zhangphil·2024-01-01 14:09

three.js 简单画线报错

newTHREE.Geometry()；125版本就不再支持这个api了，如果还需要就用他的子类BufferGeometry需要更换three.js版本如下代码如下Linebody{margin:0;}canvas
光影少年·2024-01-01 09:23

draw.io学习笔记

方法：不要点击左边图形+鼠标放在边框上面左边出现绿圆点+鼠标左键点击图形的绿圆点不放+拖动链接另外一个图形的绿圆点。1.3、浮动连接如果拖动其中一个图形的话，固定链接的形状会自动变为直线连接。
风暴之零·2024-01-01 07:55

记一次Android第三方日历控件CalendarView的使用

一、文章背景用过两个日历控件的库，有用viewpager实现的，也有用canvas实现的。在实际使用过程中，发现使用canvas实现的calendarView切换下一月和下一年这种操作时切换更流畅。
yann02·2024-01-01 06:11

使用canvas保存网页为pdf文件支持跨域

前言之前上一篇随笔说了Canvas截图网页为图片，下来个新需求，把网页截图后保存为PDF文件供用户下载。
880d91446f17·2024-01-01 05:01

HTML5和JS实现新年礼花效果

下面是用HTML5和JS实现新年礼花效果：源码如下：新年礼花/*设置画布占满整个窗口*/body{margin:0;padding:0;overflow:hidden;}canvas{display:block
软件技术爱好者·2024-01-01 04:24

canvas绘制星空（起手篇）

无图不欢，先上图星空示例*{margin:0;padding:0}html,body{height:100%;background:rgb(0,0,51);}canvas{display:block;position
风舞红枫·2024-01-01 02:31

canvas实战之酷炫背景动画（二）

系列文章canvas实战之酷炫背景动画（一）canvas实战之酷炫背景动画（二）canvas实战之酷炫背景动画（三）canvas实战之酷炫背景动画（四）canvas实战之酷炫背景动画（五）canvas实战之酷炫背景动画
风舞红枫·2024-01-01 02:00

canvas绘制红绿灯路口

无图不欢，先上图使用方法（以vue3为例）import{ref,onMounted}from'vue'importLanefrom'@/utils/lane.js'letlaneCanvas=ref(null
风舞红枫·2024-01-01 02:59

轮播图根据图片底色自动填充剩余背景色

，图片定宽定高，不同分辨率屏幕时，轮播图会根据图片的背景色填充容器左右空隙比如1800px屏:比如3000px屏:可以通过开发者工具看到，图片还是那张图片，容器背景色填充2、实现思路：轮播切换时，利用canvas
IT姑凉·2024-01-01 01:42

Android Matrix画布Canvas缩放scale，Kotlin

AndroidMatrix画布Canvas缩放scale，KotlinvaloriginBmp=BitmapFactory.decodeResource(resources,R.mipmap.pic).
zhangphil·2023-12-31 23:10

Android Matrix画布Canvas旋转Rotate，Kotlin

AndroidMatrix画布Canvas旋转Rotate，Kotlinprivatefunf1(){valoriginBmp=BitmapFactory.decodeResource(resources
zhangphil·2023-12-31 23:37

VUE+faceApi.js实现摄像头拍摄人脸识别

实现步骤：1、通过video标签来展示摄像头中的内容2、通过canvas来绘制视频中信息进行展示3、在拍照时候将canvas的当前帧转成图片第一步：下载引入必要包下载依赖face-api.js是核心依赖必须要下
BarryKerrigan·2023-12-31 21:50

讲解：Analytics 512、R、Canvas、RC/C++|C/C++

Analytics512:TakeHomeFinalExam2019200pointsintenproblems.Thisisthetake-homeportionoftheexam.Youmayuseyournotes,yourbooks,allmaterialonthecoursewebsite,andyourcomputeroranycomputerinthedepartmentalcomp
dkmzqk6·2023-12-31 21:43

纯前端 文件预览方法汇总

以下是通过javaScript的方法实现文件预览的方法汇总：1.使用HTML5的FileAPI和Canvas来预览图片文件：ImagePreviewdocument.getElementById('fileInput
crary,记忆·2023-12-31 19:32

sign-canvas 一个基于canvas开发,封装于Vue组件的通用手写签名板(电子签名板),支持pc端和移动端；

参考链接:https://blog.csdn.net/qq_33270001/article/details/102855964
jesse28·2023-12-31 18:18

uniapp 多端保存图片的逻辑（app端，普通浏览器端，微信内置浏览器端）

app端保存图片成功的效果普通浏览器端保存图片成功的效果微信内置浏览器端保存图片成功的效果有参考的方法：uniapp利用html2canvas将移动端指定区域保存为图片uniapp利用html2canvas
Ya0Chen·2023-12-31 16:39

PM大逃亡

开始游戏https://www.ormcc.com/play/gameStart/233html cssdiv,canvas{display:block;position:absolute;margin
程序小院·2023-12-31 12:48

React 实现 2D 画板功能

letclickX=newArray();letclickY=newArray();letclickDrag=newArray();letpaint;letpoint={notFirst:false};letcanvasDiv
Wang's Blog·2023-12-31 09:34

HTML5 Canvas 面试题

HTML5Canvas面试题什么是HTML5Canvas？Canvas是HTML5提供的一个绘图API，它允许通过JavaScript在网页上动态绘制图形、图像以及进行图形处理。
qq_42431718·2023-12-31 06:22

BS版图形系统 - 矩形

BS版图形系统-矩形QQ:282397369Html5的Canvas，最基本的功能可以支持画矩形，其实也就那几个参数来回设置。
DrGraph·2023-12-31 05:45

uniapp 调用canvas 把上传的图片缩小重绘，并获取图片路径

要在uniapp中使用canvas将上传的图片进行缩小重绘，并获取缩小后的图片路径，可以按照以下步骤进行操作：在页面中添加一个<canvas>标签，用于绘制图片：在上传图片的按钮的点击事件中，选择并获取到上传的图片文件
song19990524·2023-12-31 03:08

【微信小程序】使用ECharts图表插件

完整实例最近做小程序需要统计一些数据，需要用到图表插件，所有在网上找了找，找到了wx-charts这个插件，看着挺好用的，和jq的echarts类似，所有选择用这个插件来画图表，wx-charts是基于canvas
下页、再停留·2023-12-31 02:03

uniapp微信H5 dom转换成图片并下载（html2canvas ）

由于微信安全防控，我们无法直接生成并下载，但是可以打开图片后长按保存1、npm依赖npminstallhtml2canvas--save2、引入importhtml2canvasfrom"html2canvas
printf_824·2023-12-31 02:56

Skia+Glfw+Glad

include"include/gpu/GrDirectContext.h"#include"include/gpu/gl/GrGLInterface.h"#include"include/core/SkCanvas.h
无相孤君·2023-12-30 22:10

canvas效果案例：线性渐变、径向渐变及纹理

1、设置线性渐变语法创建varlinearGrad=context.createLinearGradient(startX,startY,endX,endY);增加颜色linearGrad.addColorStop(0-1,'color');linearGrad.addColorStop(0-1,'color');linearGrad.addColorStop(0-1,'color');赋给填充样
贝程学院_前端·2023-12-30 15:56

封装uniapp签字板

可自己修改，或者自己封装参数3、this.canvas
一郭炖不下%·2023-12-30 12:20

canvas文字居中；canvas画布文字右对齐；canvas画布文字左对齐；canvas文字自动换行；canvas设置行间距；

canvas参考手册场景：画布绘制文本，使用context.fillText(text,x,y,maxWidth)。文本对其也就是设置xy坐标问题。
i_am_a_div_日积月累_·2023-12-30 10:21

【js自定义鼠标样式】【js自定义鼠标动画】

当前需求：吧鼠标自定义成一个正方形，鼠标的效果有：和页面的颜色做色差处理，例如当鼠标指到的颜色是白色，在鼠标的这块区域中显示的是黑色，另外，当鼠标指向特定区域时，正方形的鼠标放大三倍，并且以中心为圆点旋转
Min_Fox·2023-12-30 10:46

WebGL以及wasm的介绍以及简单应用

试想用我们的前端三件套实现一下.好像可以用canvas来实现,但是实现的过程会很复杂,代码量会很大所以对这种图形渲染,实际上是交给了图形渲染引擎我们可以通过引擎提供
killsime·2023-12-30 08:40

微信小程序canvas手写签字

constapp=getApp()Page({data:{ctx:'',},onLoad:function(){this.initcanvas();},initcanvas(){//初始化画布constquery
破浪前进·2023-12-30 07:32

移动端手签-图片base64旋转功能

核心代码：rotateBase64(data){returnnewPromise((resolve)=>{constimgView=newImage();imgView.src=data;constcanvas
张旭豪·2023-12-30 07:25

html2canvas生成图片并上传后台

$(document).click(function(){html2canvas(document.getElementById("canva")).then(function(canvas){document.body.appendChild
lyj168997·2023-12-30 06:30

将Vue页面导出为pdf格式并进行下载

importhtml2Canvasfrom'html2canvas'importJsPDFfrom'jspdf'//tableIDdomid,title自定义的titleconstgetPdf=(tableID
只留bug不留名·2023-12-30 06:04

Vue上传图片压缩的问题

上传图片太大，需要前台进行图片压缩上传图片大于100*1024的用canvas来压缩来解决然后IOS拍照上传会有图片旋转的问题，然后用了github上的exif.js很好的插件，项目里面npminstallexif-js
贤总_·2023-12-30 05:52

uniapp中uview组件库中的Badge 徽标数 使用

目录基本使用设置徽标的类型为一个圆点#设置数字的显示方式overflow|ellipsis|limitAPI#Props基本使用通过value参数定义徽标内容通过type设置主题。
TechWhiz-晓同·2023-12-30 04:08

canvas

1.fillRect()简单填充模式的使用因为canvas是html5的官方标签，不需要额外引入//1.找到画布varc11=document.getElementById("c1");//2.获取画笔
霜喧秋·2023-12-30 04:36
上一页 15 16 17 18 19 20 21 22 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他