Canvas:

js打印指定页面元素

首先安装html2canvasnpminstallhtml2canvas--save然后引入html2canvasimporthtml2canvasfrom'html2canvas'打印functionprint
此行欲上天·2023-10-13 20:49

前端截图 前端生成海报 下载

截取内容为div通过html2canvas截取生成Bob|base64保存图片到本地(无法下载的生成图片,长按图片保存到本地)style*{margin:0;padding:0;list-style:none
银角大王__·2023-10-13 20:53

微信小程序 生成海报

保存图片.canvas-container{display:block;margin:0auto;position:fixed;top:50%;left:50%;transform:translate(
想成为工程师的菜鸟·2023-10-13 19:05

Python读视频流发送给前端H5呈现-websocket实现方法

分析Python处理每一帧的图片，处理好以后发送到前端呈现，所以前端最好使用canvas或img标签呈现图片，通过实时更改canvas或img的图片可
老炉传说·2023-10-13 18:58

Three.js第一个小栗子以及代码结构。

先贴一段代码我的Three.js第一个小栗子canvas{width:100%;height:100%}varscene=newTHREE.Scene();varcamera=newTHREE.PerspectiveCamera
风筝啊·2023-10-13 15:10

利用canvas剪辑区域功能实现橡皮擦效果

text-decoration:none}img{border:none}ul,ol{list-style:none}br{font-size:0;line-height:0;font-size:0}canvas
infi_·2023-10-13 14:03

如何编写一个 npm 插件？

一、首先，建个项目拿我想做一个h5前端的水印插件为例，思路就是用canvas去绘制，创建dom，
止喜·2023-10-13 13:39

kivy 基础： widget， texture的使用

控件提供了一个画布Canvas。
liantz·2023-10-13 13:42

uniapp小程序实现绘制内容,生成海报并保存截图(Painter和Canvas两种方式举例)

一、Painter方法Painter插件传送门1.下载资源包2.将资源包的如下部分3.使用页面引入组件ui样式data中数据(绘制内容,替换区域)pain
可可鸭~·2023-10-13 13:26

前端错题知识点

`HTML5Canvas性能
成长中的编程菜鸟·2023-10-13 12:23

Unity之UGUI的学习（一）：Canvas和EventSystem（画布和事件系统）

一、Canvas（画布）Canvas是一个带有画布组件的游戏对象，所有的UI控件都必须是它的子对象。
lz无痕·2023-10-13 12:17

fabric.js的使用

npminstallfabric--save//使用fabric实现：import{fabric}from'fabric'initFabric(){//createawrapperaroundnativecanvaselement
开水没有冬天·2023-10-13 11:45

LuckyCanvas大转盘图片的转动

constmyLucky=newLuckyCanvas.LuckyWheel('#my-lucky',{width:'240px',height:'240px',blocks:[{padding:'20px
邓波home·2023-10-13 11:54

微信小程序中绘制二维码然后下载

scene=',//跳转路径that.createQrCode(codeUrl,"canvas",176,176);//路径，canvasid,宽高createQrCode(url,canvasId,cavW
yfsir·2023-10-13 10:29

uCharts层级过高导致的滚动问题

解决方法：真机预览时加上:canvas2d=“true”微信开发者工具:canvas2d=“false”
一只一只妖·2023-10-13 10:57

html 文字下雨效果,html5 canvas下雨雨滴动画特效

特效描述：html5canvas下雨雨滴动画特效。html5canvas绘制下雨雨滴打在地面动画特效。
weixin_39862716·2023-10-13 09:56

html代码雨特效代码,简易代码雨特效

window.onload=function(){//获取画布对象varcanvas=document.getElementById("canvas");//获取画布的上下文varcontext=canvas.getContext
weixin_39594439·2023-10-13 09:26

文字特效雨

文字特效雨#canvas{background-color:black;}//通过id获取canvas标签varcanvas=document.getElementById("canvas");//设置尺寸大小
威士忌荡出の忧伤·2023-10-13 09:17

小程序uniapp利用canvas生成海报并可以保存至相册

⏳示例图⏳图片引用想要用cavans生成海报，首先要解决的是，将图片素材引入至canvas画布中，小程序的canvas没有办法直接使用网络图片，所以首先
一颗松鼠·2023-10-13 09:46

2022-09-13 使用QML实现文字雨

前言前两天看到有人拿js做了一个文字雨特效，使用的是Canvas，QML也一样可以用它来实现一、效果图二、代码qml代码importQtQuick2.15importQtQuick.Window2.15importQtQuick.Layouts1.15importQtQuick.Controls2.15Window
ihmhm12345·2023-10-13 09:14

canvas-安卓机器人

利用之前所学的线的样式及上节的弧形画一个简单的机器人吧！image//开始新的路径ctx.beginPath();//描边色ctx.strokeStyle='green';//线宽ctx.lineWidth=40;//左边手//线帽ctx.lineCap='round';//下笔ctx.moveTo(120,160);//起笔ctx.lineTo(120,280);//右边的手//下笔ctx.mo
LvHao·2023-10-13 08:25

移动端h5截图与原生ios、android的兼容交互

项目场景：h5移动端项目需要生成截图与原生app进行图片分享的交互问题描述：使用html2canvas生成h5截图在androidapp截图位置偏移且偏移量随机android截图ios截图解决方案：在IOS
stoolive1·2023-10-13 08:20

canvas学习二

一、绘制文字【1】font字体属性canvas里的font属性和css的font属性是一样的，它可以设置文本的粗细、字号、字体等css设置字体：p{font:bold15px微软雅黑;}canvas设置字体
dingFY·2023-10-13 07:02

Unity 3D中级项目：捕鱼达人

首先放上完成的图●然后再放上主要功能的代码控制枪的行为usingUnityEngine;publicclassGunFollow:MonoBehaviour{publicRectTransformUGUICanvas
是小草呀·2023-10-13 06:40

学习figma

1.画布和画板在Figma中，画布（Canvas）是所有设计的最大区域，画板（Frame）则是画布中的一个小区域，用于放置你的设计元素。一个画布可以包含多个画板，方便组织设计元素。
安然°437·2023-10-13 05:49

three.js——宝马汽车产品展示

添加点击事件前言宝马汽车产品展示和原理讲解演示网址：http://f-h-y.gitee.io/bmw-car-display-project/#/效果图1、创建基本设置(场景和背景等）//获取节点constcanvasDom
冯浩(grow up)·2023-10-13 05:46

Canvas绘图

绘制烟花图Document#fireworks{width:600px;height:400px;background-color:black;}svg[name="rabbit"]{position:absolute;top:-50px;left:-50px;transform:scale(-0.2,0.2);}svg[name="spaceShip"]{position:absolute;to
丸子吖嘿·2023-10-13 04:28

Vue—html2canvas生成二维码并保存到手机

需求比如上面是个二维码，可以保存到手机，类似截图，使用第三方插件html2canvas安装npminstallvue-qr--save//生成二维码npminstallhtml2canvas//保存截图也可以外部引入使用要生成截图的
丸子吖嘿·2023-10-13 04:57

canvas在移动端失真模糊问题

转载https://juejin.cn/post/6844903989444608014思想dpr：devicePixelRatio设置为21.canvas.width=dpr*3752.ctx.scale
JiaoJiao Zhang·2023-10-13 02:36

记录一次拍照预览崩溃问题

startActivityResult跳转到大图展示==>预览后确定保存bitmap到文件==>获取地址setResult()退出预览==>在拍照页面获取地址setResult()然后finish()发生异常：Canvas
Condor_c33a·2023-10-13 01:36

JS VUE 用 canvas 给图片加水印

后来查资料发现用canvas就可以给图片加水印，下面是处理过程。首先我们要确认图片的格式，我们通过input上传的图片格式一般是File（File对象是特殊类型的Blob）即Blob格式。
alokka·2023-10-12 23:24

uni-app微信小程序-利用canvas给图片添加水印

实现思路一、选择图片二、将图片绘制到canvas中并绘制水印三、将canvas画布转换为图片地址四、最终效果五、完整代码实现思路选择图片→将图片绘制到canvas中并绘制水印→将添加水印的图片绘制到canvas
MayCode0.0·2023-10-12 22:16

uni-app 实现图片上传添加水印操作

一、定义一个canvas标签，微信小程序的实现方式有所变动二、拿到图片后添加水印addWatermark(fileUrl){letthat=this;returnnewPromise((resolve,
八分钟de温暖·2023-10-12 22:05

微信小程序canvas生成图片并保存

图片内容是动态的，用canvas画出来，生成临时图片，再保存。
sunshine641·2023-10-12 16:51

canvas获取图片主题色

exportdefault{methods:{getColor(url){letself=this;letimg=newImage();letcanvas='',context='',pixelData
夏天咯·2023-10-12 14:48

canvas基础1

直线Documentconstcanvas=document.getElementById('canvas')canvas.width=1024canvas.height=768constcontext
沿着路走到底·2023-10-12 14:05

canvas基础2 -- 形状

七巧板七巧板本质上就是分别由几个直线拼成一个个图形，再将这些图形结合起来vartangram=[{p:[{x:0,y:0},{x:800,y:0},{x:400,y:400}],color:"#caff67"},{p:[{x:0,y:0},{x:400,y:400},{x:0,y:800}],color:"#67beef"},{p:[{x:800,y:0},{x:800,y:400},{x:600
沿着路走到底·2023-10-12 14:29

vue项目为每个页面添加水印

vue项目为每个页面添加水印因为实际项目需要给项目的每个页面（除登录页）都添加水印，因次对项目做了改造配置，使每个页面(除登录页)都自动生产水印，主要思路是用canvas实现，在permission.js
柠檬不心酸哇·2023-10-12 11:43

Vue项目为页面添加水印效果

最近在做项目，有这样要求，需要在指定容器中添加水印，也可不设置容器，如果没有容器，则添加在整个页面中，即body，当接到这个需求的时候我第一想的方法就是用canvas来实现，话不多说搞起来。
好喝的西北风·2023-10-12 11:39

Magic Wand Pro

Cometothemagicwand,differentcolorsanddifferentcanvasesareyourparadise,thelittlebrushisamagicwand,drawaspecialyouandyo
猿来就是我啊·2023-10-12 11:15

数据可视化——ucharts的使用

修改默认渲染数据的内容1.修改柱状图上面渲染的内容2.修改点击展示的内容1.修改展示内容2.自定义展示内容4.修改其他设置查看官方文档官网地址：uCharts官网-秋云uCharts跨平台图表库uCharts是一款基于canvasAPI
白云~️·2023-10-12 11:28

Android传感器画图,Android传感器之绘图篇——Handler学习

在学习Android传感器的过程中，需要采集传感器实时数据并显示在图表中，绘制图表采用Android自己带的canvas效率不高，因此需要采用第三方的绘图库achartengine。
七海爱丁堡·2023-10-12 10:04

九章云极DataCanvas公司入选《AIGC产业链北京专精特新企业图谱》

九章云极DataCanvas公司凭借DataCanvasAlaya九章元识大模型领先的多模态技术和丰富多元的行业应用经验入选《图谱》中模型层的多模态大模型代表企业。
九章云极DataCanvas·2023-10-12 10:22

Canvas相关

图片旋转：https://aotu.io/notes/2017/05/25/canvas-img-rotate-and-flip/index.html
猫咪零·2023-10-12 07:41

【Unity】【VR】如何让Distance Grab抓取物品时限制物品的Rotation

【背景】遇到这样的场景，希望抓取Canvas时，Canvas不会沿Z轴旋转。【问题】发现FreezeCanvas的RigidBody没有用。
每日出拳老爷子·2023-10-12 05:17

wpf自适应屏幕分辨率：viewbox控件的使用方法

使用ViewBox：在固定长宽的canvas/grid外添加viewbox控件，窗口大小或者分辨率改变，里面的控件和字体大小都会自适应改变。
碧山云游·2023-10-11 20:19

做了个 chrome 插件实现 B 站视频截图功能，直接从当前视频帧无损复制

后经提醒，发现可以通过canvas获取视频帧来截取图片，于是写了如下代码完美获取视频帧。
千川星河·2023-10-11 20:47

uniapp 图表 插件 qiun-data-charts

data(){return{chartData:{},canvasId:'',lineOpts:{"type":"line","canvasId":newDate().getTime(),"canvas2d
薄荷街的兔比先生·2023-10-11 16:29

使用html2canvas截图 以及相关问题

html2canvas场景：使用html2canvas将长图保存到iOS和Android使用最新的版本暂未发现图片内容偏移的问题可能遇到的问题1.也可能是Android的部分手机会保存失败，可能是web
IT_Bear_·2023-10-11 16:43

用python画月亮和星空_用canvas画一轮明月，夜空与流星

今天是中秋节，于是突发奇想，欸不如用canvas来画一画月亮吧。于是一副用canvas画出的星空就这样诞生了。在这里我用了ES6语法，星星，月亮和流星都单独写成了一个module。
weixin_39876856·2023-10-11 15:47
上一页 40 41 42 43 44 45 46 47 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他