Canvas:

前端图片压缩Canvas

‍图片压缩Canvas#关于如何实现压缩查阅MDN找到的是这个API：HTMLCanvasElement.toBlob()方法创造Blob对象，用以展示canvas上的图片；这个图片文件可以被缓存或保存到本地
孤城致幻·2023-10-20 07:23

PyL1A-18

:utf-8importpygame,sysfrompygame.localsimport*#初始化pygame环境pygame.init()importtime#创建一个长宽分别为480/650窗口canvas
时吉助手·2023-10-20 06:57

前端生成验证码-canvas

DocumentcreateCode()functioncreateCode(){code="";varcodeLength=4;//验证码的长度，可变varcanvas=document.getElementById
银角大王__·2023-10-20 05:15

小程序 canvas绘制多行文字多余的省略号表示

下面这个方法是返回有几行：/***canvas绘图相关，把文字转化成只能行数，多余显示省略号*ctx:当前的canvas*text:文本*contentWidth:文本最大宽度*lineNumber:显示几行
qq_夏阳·2023-10-19 23:24

跳动的爱心源码

+F4importrandomfrommathimportsin,cos,pi,logfromtkinterimport*importctypesuser32=ctypes.windll.user32CANVAS_WIDTH
她似晚风般温柔789·2023-10-19 22:06

canvas绘制扫描图

先定义一个canvas主要绘制函数varchosHeight=document.getElementsByClassName("canFa")[0].children[0].clientHeight;varchosWidth
噫危乎高哉·2023-10-19 21:05

微信小程序canvas2d生成图形验证码（新）

成品展示：背景：大致看了一下网上已经有一些canvas生成图形验证码的demo，发现使用的也只是旧版canvas，相比于新版canvas2d性能上略有差距，更重要的是旧版canvas在开发者工具上报警告
盛国强·2023-10-19 20:51

8款惊艳的HTML5粒子动画特效

1、HTML5Canvas粒子模拟效果这是一款利用HTML5Canvas模拟出来的30000个粒子动画，当你用鼠
happy_zhangyin·2023-10-19 19:02

QGraphicsView通过鼠标操作来绘制图元

实现如下://canvasitembase.h#ifndef_CANVASE_IT
码农飞飞·2023-10-19 18:39

自动排版的edittext

packagecom.yuedong.ailian.view;importandroid.content.Context;importandroid.graphics.Canvas;importandroid.graphics.Paint
tea9·2023-10-19 18:51

echarts调整canvas与外部div的距离

1.默认效果展示：image.png2.调整后的效果展示：image.png3.是不是感觉调整后效果更好一点呢，下面是调整的代码，只要加上下面grid代码就可以了：varoption={title:{//text:'EChars入门'},grid:{x:35,y:25,x2:25,y2:35,},4.grid中的x,y,x2,y2解析如图所示：image.png
royalx·2023-10-19 17:17

经典博文--各系列文章

实例之支持录音和回放的钢琴(Silverlight+ASP.NETAJAX+DLINQ)Silverlight2.0稳扎稳打Silverlight(3)-2.0控件之Border,Button,Calendar,Canvas
diaoshanwai2368·2023-10-19 17:06

Android 自定义View Canvas绘制几何图形基础

项目需求：本项目中为自己的毕设项目，其中有一个模块需要通过APP进行码垛设计，并将码垛的结果发送给机械手的控制器。该模块的需求具体如下：1.可以从物料库中拖动项目的物料模块到码盘。2.用户将对应的图形模块在码盘上进行排列组合，APP将最终确定的组合的各图形的坐标进行保存3.可以增加码垛层数4.可以自定义生成不同大小的图形现有的Android组件无法满足这一需求，在Android中只能进行自定义Vi
Android_开发者·2023-10-19 15:24

html2canvas

此截图功能不能截取网络图片，在vue项目中引用html2canvas1.安装npminstallhtml2canvas--save2.在需要的地方importcanvas2from'html2canvas
见月荒州·2023-10-19 14:01

刮刮乐效果

虽然对于canvas不是很了解,但是写这个效果确实是很常用的,看到这个资料的时候相对于来说这个代码还是比较简单的,所以这里先保存下来效果展示刮刮乐.gifDocument*{margin:0;padding
Fanny·2023-10-19 12:55

前端数据可视化之【Echarts介绍】

写在最后前言ECharts开源来自百度商业前端数据可视化团队，基于html5Canvas，是一个纯Javascript图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。
忆凡_·2023-10-19 11:51

three.js学习笔记(二十)——性能优化提示

asTHREEfrom'three'import{OrbitControls}from'three/examples/jsm/controls/OrbitControls.js'/***Base*///Canvasconstcanvas
hongsir_12·2023-10-19 11:17

vue canvas typescript 绘制时间标尺

4、时间轴用canvas画，时间轴上的遮罩用
小豆儿__丫丫·2023-10-19 10:01

js实现红包雨功能（canvas,react,ts），包括图片不规则旋转、大小、转速、掉落速度控制、屏幕最大红包数量控制等功能

介绍本文功能由canvas实现红包雨功能（index.tsx）本文为react的ts版。
闲鱼_JavaScript·2023-10-19 09:31

canvas绘制图片，并标注框选出指定坐标位置的目标

将图片绘制到canvas画布上，并标出指定坐标位置的目标本篇文章介绍只是canvas绘制图片背景，并通过读取坐标信息对每个坐标对应目标进行标注框选，和前面写过的一篇Canvas和Konva结合实现手动标注文章的区别在于该方法只是页面展示效果
@不会敲代码的喵·2023-10-19 09:15

Canvas绘图：绘制等比缩放的图片+文字标签

以下代码用于实现：在canvas画布上绘制图片+文字标签、文字标签（文字动态水平居中），并且可以通过所提供方法的scale参数，实现canvas画布的等比缩放，且保证最终canvas的布局不发生混乱。
是席木木啊·2023-10-19 09:45

vue下用canvas实现图片标注工具，允许图片放大、缩小，允许拖拽图片

vue下用canvas实现图片标注工具，允许图片放大、缩小，允许拖拽图片效果图片概述：之前在js版本上实现过canvas标注工具，最近又拎出来，重新用vue来实现该标注功能，希望能给刚入门的小白一个指引
爱吃黄瓜的喵·2023-10-19 09:44

Vue利用canvas实现图片标注

Vue利用canvas实现图片标注实现的功能是在图片上画线、画矩形框、画箭头和贴文字。
uestc_j·2023-10-19 09:43

canvas实现图片标注，绘制区域

使用canvas绘制通过多边形标注区域AI视频项目中需要分析图片，需要前台绘制区域，后端获取坐标然后识别图像，通过canvas获取点然后连线绘图HEML代码段CSS代码段.areaDrawing{position
码农六六·2023-10-19 09:41

canvas 制作时钟效果

朱宝鑫·2023-10-19 08:15

webGL编程指南 第三章 平移三角形

在本次的案例案例中主要是xy的坐标变量相加，同时传递个给相关变量Document可以按下按键ADSW移动图形letcanvas=document.getElementById('canvas');letgl
sogooday·2023-10-19 08:00

webGL编程指南实战教程

教程主要分为四大部分：webgl容器（坐标系）webgl渲染管线webgl关键名词案例实战一、webgl容器(坐标系)1、canvas坐标系在2D绘图环境中的坐标系统，默认情况下是与窗口坐标
IT飞牛·2023-10-19 08:29

webGL编程指南 第三章 旋转三角形

本案例是三角形的旋转Document可以按下按键ADSW旋转的角度：letcanvas=document.getElementById('canvas');letgl=canvas.getContext
sogooday·2023-10-19 08:26

小程序canvas层级过高真机遮挡组件的解决办法

文章目录问题发现真机调试问题分析问题解决改造代码效果展示问题发现在小程序开发中需要上传图片进行裁剪，在实际真机调试中发现canvas层遮挡住了生成图片的按钮。
小沈同学呀·2023-10-19 07:43

小程序-uni-app：将页面（html+css）生成图片/海报/名片，进行下载 保存到手机

本文以开源项目uniapp-wxml-to-canvas为蓝本记录集成的步骤，以供参考。详细内容可以下载并启动uniapp-wxml-to-canvas项目，详细学习。
snowball_li·2023-10-19 05:31

Avalonia跨平台入门第二篇

去玩耍了一下Avalonia;你还别说效还挺有意思,这不咱们今天接着更深一步的去了解他,来看看效果:在统信UOS下运行效果:环境搭建在统信UOS(多一步开启开发模式):使用开源的PanAndZoom控件：继承Canvas
dotNET跨平台·2023-10-19 02:59

调试C数据结构、C数据结构代写、代写C数据结构、数据结构代写

TCSS333CforSystemProgrammingProgrammingAssignment5UsinganArrayofNestedStruct(s)DUE:SeeCanvasProgrammingAssignment5link.Youaretosubmitasingle.cfiletoCanvasandnothingelse
panwengle·2023-10-19 00:42

html2canvas 转换图片出现锯齿，提升图片质量

html2canvas(this.
朋_朋·2023-10-18 22:18

canvas实现音频可视化

音频可视化/***音频可视化*/exportclassAudioToCanvas{publiccanvas:HTMLCanvasElementpublicaudioUrl:stringpublicaudio
superTiger_y·2023-10-18 18:22

Canvas绘图学习笔记：画笔的路径与状态

beginPathbeginPath表示开始一个路径，我们在上一章画弧的时候用到过好多次，他的API非常简单：context.beginPath();开始路径有2层意思，一个就是本次绘制的起点是新的（不再是上次结束的点了），另外一个意思就是绘制的样式也是新的（不再与之前的样式有关联）。对于第一条上一个章节我们已经见识过了，如果不开始一个新的路径那么描边弧线的时候就会有一条上次绘制结束到弧线开始时的
1024小神·2023-10-18 18:13

vue使用canvas实现手写电子签名；vue使用vue-esign插件实现手写电子签名；H5使用画布签名

功能：1.兼容PC和Mobile；2.画布自适应屏幕大小变化（窗口缩放、屏幕旋转时画布无需重置，自动校正坐标偏移）；3.自定义画布尺寸（导出图尺寸），画笔粗细、颜色，画布背景色；4.支持裁剪（针对需求：有的签字需要裁剪掉四周空白）。5.导出图片格式为base64；6.原博地址,本文在原博基础修改，代码在博尾。签名效果：一、安装插件npminstallvue-esign--save二、在.vue页面
i_am_a_div_日积月累_·2023-10-18 17:53

Vue使用sign-canvas实现在线手写签名

效果图：sign-canvas一个基于canvas开发,封装于Vue组件的通用手写签名板(电子签名板),支持pc端和移动端。
船长在船上·2023-10-18 17:52

使用vue-sign插件

Vue-sign是一个基于Vue.js和Canvas的签名组件，可以轻松地在Vue应用程序中实现签名板或手写签名功能。使用它可以使用户在前端网页上直接进行手写签名，实现更好的用户交互和业务需求。
m0_黎明·2023-10-18 17:20

vue3实现导出pdf、png功能

1、安装html2canvas、jspdf包npminstall--savehtml2canvas//可以将dom元素转为一张图片npminstall--savejspdf//导出为PDF格式2、vue
yxy5120·2023-10-18 16:45

移动端签名组件封装 借用插件 vue-esign

实现讲解vue-esign插件文档地址https://www.npmjs.com/package/vue-esignSignCanvas组件封装原理：页面分为左右两部分：左-按钮区域，右-签名区域按钮区域
Fighting_p·2023-10-18 16:51

前端 - 将非 jpeg 格式图片转为 jpeg 格式、压缩图片

格式图片转为jpeg格式压缩图片使用将非jpeg格式图片转为jpeg格式/common/compressImage/convertImage//思路是创建一个图片，将file等于这个图片，然后创建一个canvas
Fighting_p·2023-10-18 16:20

Compose Canvas基础(2) 图形转换

ComposeCanvas基础（2）图形转换前言平移translate缩放scale旋转rotate自定义绘图区域及绘制内边距inset组合转换withTransform完整代码总结上一篇文章ComposeCanvas
我怀里的猫·2023-10-18 11:30

Compose Canvas基础（1） drawxxx()绘制方法

ComposeCanvas基础（1）drawxxx方法前言Canvas是什么drawxxx()绘制方法drawCircle画圆不填充颜色设置线条的宽度drawRect画矩形drawPoints画点pointModedrawOval
我怀里的猫·2023-10-18 11:29

Godot引擎 4.0 文档 - 手册 - 2D

英文原版页面：2D—GodotEngine(stable)documentationinEnglish画布层¶视口和画布项目¶CanvasItem是所有2D节点的基础，无论是常规的2D节点，例如Node2D
DrGraph·2023-10-18 10:05

video视频强制自动播放500毫秒，将视频第一帧用canvas画出来

document.addEventListener("WeixinJSBridgeReady",function(){video.play();setTimeout(()=>{video.pause();},500)},false)将视频第一帧用canvas
蔚完待旭·2023-10-18 08:48

[uni-app] canvas绘制圆环进度条

源码需求要绘制一个如此的进度条参考链接uni-app使用canvas绘制时间刻度以及不显示问题处理官网api基本问题的处理其实基本看参考链接学着搞,不难的.主要是针对一些api的坑,要有了解就可以.1:
iOSTianNan·2023-10-18 07:45

道客巴巴 文档免积分保存方法

此方法适用最新的道客巴巴网站，使用html5的canvas元素进行文档内容显示的情况。
liuyouzhang·2023-10-18 07:37

基于Web Assembly的H265播放器实现

但Web浏览器还不支持H.265的解码播放，因此本项目基于WebAssembly(封装FFmpeg)、JS解封装、Canvas投影以及AudioContext实现了Web端的H265播放。
goldvideo·2023-10-18 06:01

如何在微信小游戏中实现2D页面弹框

如何在微信小游戏中实现2D页面弹框constaspect=window.innerHeight/window.innerWidththis.scene=options.scenethis.canvas=
Camilar小汪汪·2023-10-18 06:29

Flutter 115: 图解自定义 View 之 Canvas (四) drawParagraph

小菜在前两节通过Canvas绘制图形时涉及到部分文字绘制，之前只是简单的尝试，有很多未注意到的地方；小菜今天尝试全面的学习尝试一下；通过Canvas绘制文字时使用的属性效果与直接使用TextView对应基本一致
阿策神奇·2023-10-18 01:34
上一页 37 38 39 40 41 42 43 44 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他