canvas剪裁

学习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

萍姐姐日记57―学会了剪裁图片

大家好！我是萍姐姐，大家都喜欢叫我“灯塔姐姐”。这是我从0到1000天连载日记第57篇。相信坚持的力量，水滴石穿，聚沙成塔。今天开始每日更新，希望大家能持续关注，一起成长！今天给儿子拍了一张红酒的图片，拍的时候只顾着拍，完全把少年老师教的每一个知识点忘的一干二净。根本就没想过自己要拍啥。重点一点也没想过，只顾着拍了，结果图片如下。图片发自App看到这张图时，还以为自己拍的不错，后来发给少年老师一看
萍姐姐成长日记·2023-10-12 01:57

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

canvas入门（六）旋转、偏移、缩放

canvas入门系列canvas入门（一）绘制线与正方形canvas入门（二）标签width与style:width的区别canvas入门（三）绘制代码分块canvas入门（四）绘制线的扩展apicanvas
风舞红枫·2023-10-11 14:38

canvas入门（一）绘制线与正方形

canvas入门系列canvas入门（一）绘制线与正方形canvas入门（二）标签width与style:width的区别canvas入门（三）绘制代码分块canvas入门（四）绘制线的扩展apicanvas
风舞红枫·2023-10-11 14:07

2022/3我换工作啦

css常见面试题css3常见新特性汇总解读js常见面试题es6常见新特性汇总解读移动端兼容性问题vue常见面试题webpack常见面试题再就是我自认为我和别人最特别的地方canvas啦，这个完全是看项目了
风舞红枫·2023-10-11 14:37

canvas绘制爱心

无图不欢，先上图loveyouhtml,body{height:100%;margin:0;padding:0;background-color:#111;}canvas{display:block;}
风舞红枫·2023-10-11 14:36

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

系列文章canvas实战之酷炫背景动画（一）canvas实战之酷炫背景动画（二）canvas实战之酷炫背景动画（三）canvas实战之酷炫背景动画（四）canvas实战之酷炫背景动画（五）canvas实战之酷炫背景动画
风舞红枫·2023-10-11 14:06

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

系列文章canvas实战之酷炫背景动画（一）canvas实战之酷炫背景动画（二）canvas实战之酷炫背景动画（三）canvas实战之酷炫背景动画（四）canvas实战之酷炫背景动画（五）canvas实战之酷炫背景动画
风舞红枫·2023-10-11 14:06

【d3.js】canvas下力导向图的缩放平移和拖拽兼容

这个周零散解决了一些的关于d3问题，算是入了门，因而写了博客，顺便也作为周报的内容，所以篇幅会比正常我平时写的周报长很多，详细到代码层面。目前除了这次代码提到的v4，也完成了v6版本对应的代码。1从简单做起——html单页面文件开发目前能找到的很多学习用的demo都是cdn方式引入，直接一个单页面html文件开发，而且出问题也能很方便定位查找，再者v6版本刚出不久，对于诸多api也是有了比较大的改
看云朵敲代码·2023-10-11 14:36

使用canvas绘制六边形

代码实现如下：html,body{width:100%;height:100%;padding:0;margin:0;}canvas{position:absolute;top:0;left:0;right
风舞红枫·2023-10-11 14:36

Unity 在让特效显示在UI上

如题，我们现在需要让一个特效显示在UI上，但是直接拖拽特效到canvas里和节点同级也没有效果啊、1它明明有在运行也在ui的前面了为什么还是显示不出来呢其实是因为层级的问题导致的这里的canvasorder
摸狗·2023-10-11 14:50

canvas力导布局

老规矩，先上效果图*{margin:0;padding:0;}canvas{display:block;width:100%;height:100%;background:#000;}classTaskQueue
风舞红枫·2023-10-11 14:00

macbook pro如何将nodejs降至低版本 nodejs版本降级 node_modules/canvas: Command failed.

源自：https://blog.csdn.net/bufegar0/article/details/119087868一、需求背景现在Nodejs最新的版本已经是16+了，但用了最新的版本以后，会出现canvas
hu9134·2023-10-11 13:41

使用js原生customElements.define()API 实现类似godot游戏引擎的colorRect类

一共有两个方案，一个是基于div和css的dom渲染，一个是基于canvas的硬件绘图基于软件渲染原理的代码classColorRectextendsHTMLElement{constructor(){
小沙盒·2023-10-11 11:49

微信小程序中使用Echarts

准备微信开发者工具微信开发者平台自行下载Echarts微信版下载地址：https://github.com/ecomfe/echarts-for-weixin我们主要用的就是其中的ec-canvas文件夹
Clay_Guo·2023-10-11 08:04

小程序水印照片canvas绘制网络图和本地图加载空白的解决方案

在使用**wx.canvasToTempFilePath()**生成图片时，logo和图标大概率会空白解决方案如果有网络图，则增加定时器，在onload之后在调用方法wx.canvasToTempFilePath
黑夜寒冬的将士·2023-10-11 07:42

pointer-events: none 去掉鼠标事件

今天看到一个博客非常漂亮，有花瓣飘落下来的前景图，我想这肯定是canvas插件做的，查看元素果不其然。
皇菇凉·2023-10-11 06:37

Unity开发：ArgumentException: The Object you want to instantiate is null.

框架的时候导入资源碰到这个问题，卡了有点时间部分代码publicGameObjectGetSingleUI(UITypetype){GameObjectparent=GameObject.Find("Canvas
在码头整点薯条·2023-10-11 06:53

html2canvas实现html转图片并长按保存

使用html2canvas可以把html转换成canvas，再进一步转化图片，保存到本地。html2canvashtml2canvas本身很简单，api也很简单，但使用的过程中有比较多的坑。
没有可乐的可乐瓶子·2023-10-10 23:12

学完 Canvas 接着干！！

github.com/liabru/matter-js了解过时物理引擎：Box2DWeb，虽然JS语言没有在更新维护，但是C++版还在，https://github.com/erincatto/box2dCanvas
Fy哥·2023-10-10 22:52

Android Canvas实现自定义形状的image

灵活自定义imageview的形状在自定义View的ondraw方法中实现绘制的内容，各个layer逐个绘制，通过设置PorterDuffXfermode实现不同的图片叠加效果//设置背景色canvas.drawARGB
平凡小天地·2023-10-10 22:13

小程序canvas实现截取图片功能

wxml授权分享js：//点击保存运行方法save:function(){varthat=this;that.setData({hide:true})//获取相册授权wx.getSetting({success(res){if(!res.authSetting['scope.writePhotosAlbum']){wx.authorize({scope:'scope.writePhotosAlbu
梦里梦不到的梦_b5c8·2023-10-10 21:17

解决: 使用html2canvas和print-js打印组件时, 超出高度出现空白页

如果所示：当我利用html2canvas转换成图片后,然后使用print-js打印多张图片,第一张会出现空白页打印组件可参考这个:Vue-使用html2canvas和print-js打印组件解决:因为是使用
Sunny·2023-10-10 21:08

伤透我的心，病了求复合，对不起，我不是垃圾回收站！

10年前，张三觉得干了三十多年的裁缝有些累了，加上常年剪裁衣服，有一个眼睛已经看不见了。于是，他跟老婆杨雪梅商量，让儿子接班，他回家创业搞养殖。
墨棠子·2023-10-10 20:30

论骑龙

倒骑顺骑要剪裁，堆培要仔细。下盘拉线不糊涂，二十四山明。做的骑龙是明师，怪穴慧眼识。不信去覆老古坟。骑龙几个真。唯有做法催富贵，房房
赵筠鸿·2023-10-10 16:55
上一页 46 47 48 49 50 51 52 53 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他