Canvas画布

图片裁剪，仿淘宝搜图类似裁剪

importandroid.annotation.SuppressLint;importandroid.content.Context;importandroid.graphics.Bitmap;importandroid.graphics.Canvas
puyaCheer·2024-01-30 06:02

Canvas可以画出任何你想要的效果

/今日科技快讯/5月22日，“饿了么”网上订餐隶属的上海拉扎斯信息科技有限公司，就此前不正当竞争向“美团”隶属的北京三快科技有限公司发表道歉声明。其称今后的经营活动中将避免再次出现侵害第三方公司合法权益的行为。/作者简介/本篇文章来自猛猛的小盆友的投稿，分享了Android中的高级UI处理，相信会对大家有所帮助！同时也感谢作者贡献的精彩文章。猛猛的小盆友的博客地址：https://juejin.i
郭霖_·2024-01-30 06:28

Android画布Canvas裁剪区域clipRect，Kotlin

Android画布Canvas裁剪区域clipRect，Kotlin只需要把clipRect放在Android系统的super.onDraw之前，就只绘制“剪切”出来的区域。
zhangphil·2024-01-30 06:56

【CanvasKeyFrames - HTML5 Canvas 图片序列帧播放工具】

前言一、CanvasKeyFrames是什么？用来做canvas动画的工具。
Min_Fox·2024-01-30 06:43

2024 新年HTML5+Canvas制作3D烟花特效（附源码）

个人名片：作者简介：一名大三在校生，喜欢AI编程‍❄️个人主页：落798.个人WeChat：hmmwx53️系列专栏：️零基础学Java——小白入门必备重识C语言——复习回顾计算机网络体系———深度详讲HCIP数通工程师-刷题与解析微信小程序开发——实战开发每日一句：我很忙，但我要忙的有意义！文章目录烟花祝福源码欢迎添加微信，加入我的核心小队，请备注来意烟花祝福2024新年之际即将到来，今天教大家
落798.·2024-01-30 06:09

canvas动态设置宽高

canvas的默认宽高为宽300px高150px如果在style里修改宽高相当于对canvas做放大而为了不影响效果我们正常显示需要怎么办呢？
关忆北_·2024-01-30 06:19

GOJS 基础用法

基础用法1.安装依赖如果想去掉左上角水印可以下载2.1.48版本网上去除这个版本水印的方法比较多npmigojs-S2.引入importgofrom'gojs'//在exportdefault前3.创建画布他类似于
关忆北_·2024-01-30 06:13

JS获取鼠标在元素内的相对坐标

canvas.onmousemove=function(e){varrect=canvas.getBoundingClientRect();canvas.title=parseInt(e.x-rect.x
海天鹰·2024-01-30 01:34

归去来兮（五）为什么流浪

虽然大海已经成为了我画布上永恒的主题，但是，小渔村终究承载不了我的大梦想。大学毕业，我决定离开，去追寻我的梦。对于我的决定，母亲有太多的不舍
Sophia安然·2024-01-29 23:58

【Threejs】06blender使用方法

移动视角按住鼠标滚轮缩放画布滑动滚轮添加物体shift+a移动物体点击右上角红框位置选择移动缩放物体选中物体按住键盘s键##查看视角按住波浪键（tab键上方）调整相机视角按住波浪键点击相机视角点击坐标轴右侧箭头选择视图勾上锁定相机移动相机到合适角度按住快捷键
言馨·2024-01-29 22:36

Flutter开发进阶之Canvas

Flutter开发进阶之Canvas在Flutter开发中Canvas作为一个绘制2D图形的工具，提供了一系列绘图方法，可以用来绘制各种形状、线条、文本和图像等；Canvas对象是作为CustomPainter
Kevin写代码·2024-01-29 21:51

vue中使用 canvas给页面添加水印

封装公共添加水印的方法://utils/watermark.js/**入参：@text:传入水印需要展示的文本;@renderDom:要给哪个元素加水印，默认body；*/varwatermark={}varsetWatermark=function(text,renderDom=document.body){varid='1.23345566.3333344';if(document.getEl
不能懒鸭·2024-01-29 19:05

vue中使用canvas添加各类水印

vue使用canvas绘制文字水印背景1、写watermarker.js文件/**水印添加方法*/constsetWatermark=(str1,str2)=>{constid='1.23452384164.123412415
Study_Live_Sun·2024-01-29 19:34

vue上传图片加水印；js上传图片添加水印；vue给图片添加水印；canvas图片添加水印；canvas画布导出图片

逻辑步骤：通过input上传图片，拿到图片的信息和base64，将图片绘制到画布上，在画布上添加文字（既水印），最后将画布导出成图片，得到的src就是一张有水印的图片。文末代码可直接复制使用！！！
i_am_a_div_日积月累_·2024-01-29 19:34

vue中使用canvas给图片绘制水印，即使下载图片也是带水印的

先看效果话不多说直接上组件1、Watermark.vueexportdefault{props:{//图片地址url:{type:String,required:true,default:'https://img0.baidu.com/it/u=3232582821,3516640051&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=170628
jsmeng626·2024-01-29 19:04

3、前端页面如何优雅的显示PDF（中）：渲染文本

我们就能像复制网页文字那样复制pdf里面的文字使用依赖包pdf.js是能够在canvas页面上渲染出文本。需要用到的文件。渲染的原理：在c
编程琐事·2024-01-29 19:13

How to Show Files‘ Content in Web?

Visualizingafileuploadedbyauserinacanvastypicallyinvolvesafewsteps:receivingthefileinput,processingorreadingthefile
进击切图仔·2024-01-29 18:58

2021-08-31 设置水印

==null){//@ts-ignoredocument.body.removeChild(document.getElementById(id))}//创建一个画布
罗不错·2024-01-29 17:13

matlab appdesigner系列-仪器仪表3-旋钮

旋钮，同过旋转显示特定的值示例：模拟收音机调频操作步骤：1）将旋钮、标签按钮拖拽到画布上，将标签文字修改为：欢迎收听，并将旋钮其数值范围改为90-1072）设置旋钮的回调函数代码为：value=app.Knob.Value
是皮西呀·2024-01-29 14:12

matlab appdesigner系列-仪器仪表2-信号灯

信号灯，可显示特定的颜色示例：简单实现红绿灯，每隔5秒切换信号灯颜色，并提示现在状态操作步骤：1）将信号灯、文本区域拖拽到画布上，并将信号灯当前状态设为绿灯2）设置该app的启动回调函数回调代码为：app.TextArea.Value
是皮西呀·2024-01-29 14:42

matlab appdesigner系列-仪器仪表1-圆形仪表、半圆形仪表、90度仪表、线性仪表

示例：用滑块，来调整仪表操作步骤：1）将圆形仪表、半圆形仪表、90度仪表、线性仪表、滑块拖拽到画布上2）设置滑块的回调函数changingValue=event.Value;app.Gauge.Value
是皮西呀·2024-01-29 14:41

微信小程序Canvas文本加H5标签 示例之 翔球王足球答题--绿荫故事

这个好处就是完全不用考虑适配的问题，但是这完全抛弃了小程序的canvas画图api。而且机动性太差
mario89·2024-01-29 14:52

matlab appdesigner系列-仪器仪表4-旋钮（离散）

示例：模拟空调档位切换操作步骤：1）将旋钮（离散）、信号灯、标签拖拽到画布上，并设置6各档位，分别为：On、Freezing、Cold、Warm、Hot、Off2）设置旋钮（离散）的回调函数代码为：value
是皮西呀·2024-01-29 14:10

流动雨滴效果

流动雨滴效果body{overflow:hidden;background:black;}constc=document.getElementById("canvas-club");//2d绘图上下文对象
 勿忘初心·2024-01-29 14:33

threejs-day3(摄像机/阴影/雾/渲染目标/自定义缓冲几何体)

/three/examples/jsm/controls/OrbitControls";import{GUI}from"dat.gui";constcanvas=document.querySelector
小杰66·2024-01-29 13:30

冬日暖阳

图片发自App冬日暖阳在一幅渐变的淡紫罗兰色画布上缓缓升起，渐渐高过树梢，宁静祥和。清晨的第一缕阳光透过纱窗照进我的卧室，将斑驳的光影洒在窗边的藤椅上。
青馨语·2024-01-29 12:05

如何使用Canvas封装图片压缩功能

最近在学习和工作中遇到这样一个场景：如何将前端上传的图片进行压缩传递给服务端？因为此前从未了解过图片压缩的功能，所以也是带着好奇进行了一番学整体思路创建input框实现图片上传将上传的文件转成base64格式前端通过base64进行原始图片展示，并将此图片进行压缩将压缩后的图片传给服务器代码实现首先我们要实现input上传文件并做一些细节处理，细节处理要对上传的文件类型和上传的文件大小做限制，类型
Dream_travelerly·2024-01-29 12:10

js通过canvas封装压缩图片的方法

exportconstzipImg=(data,maxWidth=800,maxHeight=800)=>{varimg=newImage()constcanvas=document.createElement
MaydayYao·2024-01-29 12:51

JS通过canvas进行图片压缩

/***图片压缩*@param{Object|Array}file是对象或由这个对象组成的数组，这个对象的file元素是file文件，其他属性可以是一些status,message等状态属性*@param{Function}callback回调函数，压缩之后的内容通过回调函数返回*例:imgCompress(file,function(newFile){})*/functionimgCompres
彪悍的战斗猿·2024-01-29 12:20

html5 canvas压缩上传图片,导出HTML5 Canvas图片并上传服务器功能

导出HTML5Canvas图片，并上传服务器最近接触的项目中，经常遇到需要canvas绘制图片的需求，比如拼图，比如图片编辑等。
weixin_39687359·2024-01-29 12:50

matlab建立多个坐标系,matlab同一张图中建立多个坐标系

在一个坐标系中画多条曲线，可以用plot(x1,y1)holdonplot(y2)holdoff在一个画布中快速建多个坐标系subplot(211)plot(sin(1:100))subplot(212
遇见高中生·2024-01-29 12:20

封装Canvas图片压缩功能

一、背景最近在学习和工作中遇到这样一个场景：如何将前端上传的图片进行压缩传递给服务端？因为此前从未了解过图片压缩的功能，所以也是带着好奇进行了一番学习。二、整体思路创建input框实现图片上传将上传的文件转成base64格式前端通过base64进行原始图片展示，并将此图片进行压缩将压缩后的图片传给服务器三、代码实现首先我们要实现input上传文件并做一些细节处理，细节处理要对上传的文件类型和上传的
老电影故事·2024-01-29 11:17

HTML/CSS知识点锦集

文章目录1、其他知识点链接2、标签2.1video2.2input2.3画布Ca
进步·于辰·2024-01-29 09:57

制作PS CC 2017启动界面

新建1280*1280正方形画布（以确保效果为正圆）导入云层素材图—调整想要的中心位置于画布最上方正中间（原理：将沿着图片上方中心位置旋转）将图片按照当前画布显示大小裁剪（否则按照原图片大小进行旋转）：
薛小蛙·2024-01-29 08:48

Godot Shader特效:SpatialShader(即3D)溶解效果

之前写过canvas_item类型即2dShader的溶解效果，原文请见GodotShader特效:溶解效果(改进版)今天来实现一个spatial即3D版的溶解效果，效果图如下：3D溶解原理分析：原理上和
吃烧烤的老王·2024-01-29 08:19

JS如何上传视频后从视频截图到一张封面Cover？

文章目录概要获取上传视频文件截图小结概要从上传视频文件中获取一张图片获取上传视频文件截图html片段，两个都是隐藏的js片段//截图第一帧转成/png图片constvideo=document.createElement('video');constcanvas
Jacob程序员·2024-01-29 07:05

canvas生成图片

canvas生成图片结构注意不要用v-if控制显示隐藏，canvas在dom被删除后在显示时画布上的内容会消失长按保存到手机相册js注意：canvas调用cvs.toDataURL("image/png
紫气楠楠·2024-01-29 05:25

【lucky-canvas插件】在Vue3实现大转盘&九宫格&老虎机抽奖

目录前言一、lucky-canvas介绍二、lucky-canvas使用（Vue3）1.安装2.注册3.使用三、九宫格为例的具体使用1.组件使用2.常用配置①blocks背景②prizes奖品③buttons
小五Five·2024-01-29 05:30

lucky-canvas抽奖插件-大转盘-九宫格-老虎机

地址https://100px.net/usage/uni-app.html在vue中使用npm安装：npminstall@lucky-canvas/vue@latest在mian.js中引入：//完整加载
小付-小付·2024-01-29 05:30

前端实现转盘抽奖 - 使用 lucky-canvas 插件

目录需求背景需求实现实现过程图片示意实现代码页面效果lucky-canvas插件官方文档需求背景要求实现转盘转动抽奖的功能：只有正确率大于等于80%才可以进行抽奖；“谢谢参与”概率为90%，“恭喜中奖”
Fighting_p·2024-01-29 05:53

【python小课堂】实例讲解turtle

功能总体来说还是不错的二，开课首先，话不多说，先把今天实例的图片上了这个是我们团队的一个图标，我们今天将会借助这个来讲一下我们turtle的使用方法然后是这个实例的代码：importturtleimporttime#绘制画布
sm!ley·2024-01-29 05:49

html页面添加水印

info.name){return;}letuserInfo=info;letc=document.createElement("canvas");document.body.appendChild.c
robotlee8·2024-01-29 04:09

【Three.js】画布自适应大小与全屏

目录画布自适应大小全屏实现画布自适应大小在Three.js中，要使画布能够自适应窗口大小的变化，需要在窗口大小变化时更新相关的渲染器、摄像机等参数。
叶子yes·2024-01-29 04:42

前端使用lottie-web，使用AE导出的JSON动画贴心教程

在web端，lottie-web库可以解析导出的动画json文件，并将其以svg或者canvas的方式将动画绘制在我们的页面上.Lottie的优点动画由设计使用专业的动画制作工具AE来实现，使动画实现更
球球不吃虾·2024-01-29 03:52

如何给页面元素添加水印背景，在vue中怎么处理？

实现基本水印效果3.1设置水印样式3.2注意事项四、使用JavaScript增强水印功能4.1动态添加水印4.2动态移除水印4.3根据条件显示水印五、vue3中通过自定义指令为某一个div添加水印效果步骤1：在canvas
球球不吃虾·2024-01-29 03:21

高德地图海量点加载自定义fonticon，canvas绘制fonticon

文章目录1.自定义海量点的图标，需要用到AMAPui组件库。2.0版本引入过程：2.icon字体库第一步：拷贝项目下面生成的font-face第二步：定义使用iconfont的样式第三步：挑选相应图标并获取字体编码，应用于页面3.转义函数于加载高德地图的海量点加载并自定义fonticon的过程可以分为几个步骤。请注意，高德地图API的使用可能随着时间和版本更新而有所变化，因此请参考最新的官方文档。
球球不吃虾·2024-01-29 03:51

用 CanvasKit 实现超级丝滑的原神地图（已开源）！！！

首先给大家送上预览地址：官网地址：https://webstatic.mihoyo.com/ys/app/interactive-map/index.htmlcanvaskit地址：http://106.55.55.247
神码观察·2024-01-29 02:35

著名油画家杨鸣山的风景写生作品，净化心灵！

△《海岸村落》1994-1996年纸板油画11.5x18.5cm杨鸣山的父亲杨云阁，祖籍在中国山东△《阿德莱德的夏天》1980年左右纸板油画9.5x15cm△《南澳的教堂》1978年左右画布裱在纸板上23x30.5cm
国际艺术大观·2024-01-29 02:22

WEB烟花效果——Canvas实现

摘要本文主要介绍一种WEB形式的烟花（fireworks）效果（图1所示），该效果基于Canvas实现，巧妙地运用了canvas绘图的特性，并加入了物理力作用的模拟，使整体效果非常绚丽、逼真。
weixin_30379531·2024-01-29 02:28

Web 上升的圆心

overflow:hidden;display:flex;justify-content:center;align-items:center;height:100vh;background-color:#fff;}canvas
赫凯·2024-01-29 02:25
上一页 6 7 8 9 10 11 12 13 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他