CANVAS

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

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

canvas

1.fillRect()简单填充模式的使用因为canvas是html5的官方标签，不需要额外引入//1.找到画布varc11=document.getElementById("c1");//2.获取画笔
霜喧秋·2023-12-30 04:36

九章云极DataCanvas公司两大标杆案例入选《2023大模型落地应用案例集》

深度观察报告会之大模型驱动数字经济新生态峰会圆满举办，中国信通院在会上重磅发布《2023大模型落地应用案例集》（以下简称“《案例集》”），凭借丰富的大模型落地经验和极具商业价值的应用前景，九章云极DataCanvas
九章云极DataCanvas·2023-12-30 01:37

大模型时代下的因果推断

导读：在数字化建设不断推进的今天，随着技术的不断发展，从统计学、机器学习、深度学习，再到因果学习，以及最新的热门大模型方向，九章云极DataCanvas始终紧贴最前沿的、最能助力企业和落地实践的方向，不断进行着面向决策和面向智能的探索
九章云极DataCanvas·2023-12-30 01:07

九章云极DataCanvas公司顺利通过ITSS运维二级认证

近日，九章云极Datacanvas公司顺利通过中国电子工业标准化技术协会信息技术服务分会专家现场答辩评审，成功取得《信息技术服务标准（ITSS）符合性二级证书》。
九章云极DataCanvas·2023-12-30 01:33

Android画布Canvas drawPath绘制跟随手指移动的圆，Kotlin

Android画布CanvasdrawPath绘制跟随手指移动的圆，Kotlinimportandroid.content.Contextimportandroid.graphics.Canvasimportandroid.graphics.Colorimportandroid.graphics.Paintimportandroid.graphics.Pathimportandroid.os.Bu
zhangphil·2023-12-30 01:54

jszip + file-saver 纯前端批量下载

纯前端批量下载前言稍早之前，用canvas批量生产二维码，是支持单个下载的。现在需要优化一下，添加批量下载全部的二维码。
TE-茶叶蛋·2023-12-29 21:12

vue2.js添加水印

通过canvas生成水印图片functionaddWaterMark(str){letctx=document.createElement("canvas");ctx.width=900;ctx.height
韩小浪~~·2023-12-29 17:14

爱心代码html

新建一个文本文档文件，2.编写html标记语言（英文）*{padding:0;margin:0;}html,body{height:100%;padding:0;margin:0;background:#000;}canvas
好的明天qaz·2023-12-29 16:30

echarts实现页面的响应式变化

echarts实现页面的响应式变化echarts图表本身提供了一个resize函数，当浏览器页面发生resize事件的时候，让表格触发echats的resize事件，然后重绘canvas页面只有一个echarts
jie_han·2023-12-29 15:08

利用html2Canvas将表格下载为html

给到我的需求是点击按钮时请求后端接口，根据后端返回的数据，生成表格,并将表格的内容直接下载为html,如下图。平常做的下载都是后端返回二进制流，这次前端做下载那就必须把页面先画出来，因为下载下来的表格在页面上是不显示的，所以要画出来再隐藏一下，隐藏的时候可选方式有很多，但是v-if,v-show这种会导致页面重构的不建议使用（事实也证明v-if和v-show在这种场景是不能使用的，因为这种场景要求
flower_tomb·2023-12-29 15:58

uni-app绘制二维码

在template标签中，插入多个view和canvas。导入生成二维码的js文件，然后进行调用。保存代码并使用微信开发者工具进行编译运行，进入到微信开发者工具。
无妄的罪·2023-12-29 15:52

苹果AirPods Pro动画（GSAP）

先看一下展示效果，滚动鼠标中轴耳机的光效会逐渐变化：代码也是很简单的一个图片替换，但重点是丝滑~：console.clear();constcanvas=document.getElementById(
timi先生·2023-12-29 14:49

【HTML】使用canvas添加水印

效果代码添加水印html,body{margin:0;background:#f4f5f7;}.content{margin:10px;padding:10px;background:#fff;border-radius:10px;box-shadow:01px1pxrgba(0,0,0,0.05),02px6px0rgba(0,0,0,0.045);}.line{display:flex;}.p
我血条子呢·2023-12-29 14:31

海报长图二维码识别不到问题

之前写的h5截长图(html2canvas保存图片).的链接在这项目虽然上线，还没开始推然后发现一个问题，选中所有选项后图片太长，二维码相对来说太小，无论是扫一扫还是长按识别都识别不出来（有的图可以，有的图不行
judy_1118·2023-12-29 14:12

古老的矿石

开始游戏htmlcsscanvas{position:absolute;left:0;top:0;width:640;height:960;-ms-interpolation-mode:nearest-neighbor
程序小院·2023-12-29 12:23

射击大战H5

开始游戏https://www.ormcc.com/play/gameStart/227html  csscanvas{display:block;touch-action:none;user-select
程序小院·2023-12-29 12:53

足球大师&

开始游戏https://www.ormcc.com/play/gameStart/229html csscanvas{width:100%;height:100%;}#container{position
程序小院·2023-12-29 12:53

王牌飞行员

开始游戏html          csscanvas{position:absolute;left:0;top:0;width:100%;height:100%;-ms-interpolation-mode
程序小院·2023-12-29 12:53

切水果小游戏

开始游戏https://www.ormcc.com/play/gameStart/205html  csscanvas {    margin: 0 auto;}jsvar game = new Phaser.Game
程序小院·2023-12-29 12:22

放风筝H5小游戏

开始游戏html  csscanvas{  display: block;   touch-action: none;   user-select: none;   -webkit-tap-highlight-color
程序小院·2023-12-29 12:22

棒打疯猫^^

开始游戏https://www.ormcc.com/play/gameStart/232htmlcsscanvas{position:absolute;left:0;top:0;width:640;height
程序小院·2023-12-29 12:19

使用 html2canvas 生成图片

importhtml2canvasfrom'html2canvas';html2canvas(document.body).then(function(canvas){document.body.appendChild
旧时日月明·2023-12-29 10:02

Vue3+pdfjs-dist实现PDF文件展示

干了整整一周，终于实现了这个功能，现在将自己实现的过程分享给大家.1.pdfjs-dist展示PDF文件的原理解释pdfjs-dist展示pdf文档的原理，实际上是将pdf中的内容渲染到解析，然后渲染到canvas
gurenchang·2023-12-29 09:12
上一页 13 14 15 16 17 18 19 20 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他