画布尺度和画布尺寸的关系?

画布尺度和画布尺寸的关系?我的最终目标是通过用户改变比例

P粉621033928 2023-07-25 12:33:23 0  1  544

javascript - 用 canvas 实现电子签名，定位鼠标在 canvas 中 坐标

尝试用 canvas 实现电子签名时，不能准确获取鼠标在 canvas 中的坐标。 {代码...} 用 ev.clientY 获取了鼠标的坐标，但是 canvas.offsetTop 获取的是 距离父元素的高度。而 canvas 在一个有滚动条的表单中，所以...

巴扎黑 2017-05-16 13:36:00 0  1  586

画布显示空白？

我正在尝试将关键点渲染到可以从BlazePose获得的画布上，但我似乎无法让他们绘制画布。我知道每个关键点的x和y并被检索，但我无法让它们显示在画布上。我尝试过改变样式，但到目前为止还没有成功。感谢您的帮助。constvideo=document.getElementById('webcam');constcanvas=document.getElementById('output')constl

P粉147045274 2024-03-31 17:20:31 0  1  553

如何从多个画布导出 jpg

我有多个画布，这些画布用作图层。canvasc1=backgroundimage.canvasc2=charactorimage.canvasc3=itemimage.我的源代码如下。在同一位置设置三个画布。<divcanvas="canvas-wrap"><canvasclass="canvas"id="c1">

P粉301523298 2024-04-03 21:02:43 0  1  522

html5 - canvas有时候会拿不到toDataURL数据

问题：1.不知道为什么，canvas有时候会拿不到绘图数据，只拿到了“data:;” 。请问我这么写错在哪里。2.我这么写canvas 哪里需要优化的没有 相关代码： {代码...} {代码...}

高洛峰 2017-06-06 09:53:01 0  2  897

javascript - 关于canvas处理图片的问题

我需要将一张用户上传的图片使用canvas进行处理，用户上传的尺寸可能会很大，比如会超出当前浏览器窗口的宽高，所以我将其等比缩放到浏览器可视区域内，然后绘制到canvas上，可是这样我就相当于把用户的图片缩小...

扔个三星炸死你 2017-06-10 09:49:16 0  3  997

javascript - 求助canvas绘制半透明的马赛克？

我的需求是提供给用户使用鼠标给上传的证件涂抹马赛克，我的思路是给canvas绑定鼠标事件，沿着用户的鼠标按压路径，将一张半透明的png不停的绘制到证件上，现在我不想用半透明的Png叠加，想直接用canvas生成马赛...

仅有的幸福 2017-06-07 09:24:40 0  1  882

为什么我的绘图画布在页面内偏移？

这很难解释。但我会尝试，整个画布都是偏移的。我不确定这是怎么发生的或如何解决它。就像当您的鼠标位于页面的左上角并且您从中心开始时，它与画布元素本身的左上角相匹配。使用代码片段来了解我在说什么。letcurrentColor=null;letinputs=document.getElementsByClassName("style2");for(constinputofinput

P粉475126941 2024-03-28 22:16:10 0  2  325

javascript - 原生canvas中如何获取到触摸事件的canvas内坐标?

canvas在响应mousedown事件时,可以通过event.offsetX和offsetY来提取元素内坐标,那我换成了touchstart后没有offsetX和offsetY.该在哪里找到元素内坐标呢?

黄舟 2017-05-24 11:36:27 0  3  721

javascript - canvas设计鼠标画图功能一笔画出多条并行彩色线条

1.canvas设计鼠标画图功能一笔画出多条并行彩色线条2.试过在鼠标事件添加 绘图 oCg.beginPath();但是事件会被覆盖。3.相同添加重复画布，但是画布覆盖了。

PHP中文网 2017-06-13 09:24:08 0  1  1269

javascript - 如何消除canvas边缘锯齿

如题：我做了一个canvas图形，出现了边缘锯齿 有搜到一个：Bicubic Interpolation的插值算法，但是看不懂，请大神指点Orz!!

大家讲道理 2017-05-31 10:41:27 0  2  1066

javascript - 将图片拖进canvas

哪位大神帮忙看看，这个效果，可以把右面的图片拖进canvas，还能进行编辑，是怎么实现的，能不能具体讲一下，急

phpcn_u1582 2017-06-14 10:52:41 0  2  907

javascript - canvas使用toDataUrl()出错，img设置img.crossOrigin = "*"也没用。

页面要做一个截图的功能，本地生成了一张图片，然后转成canvas，再从canvas变成png，但是canvas.toDataUrl()一直报错： {代码...} 代码如下： {代码...}

过去多啦不再A梦 2017-07-05 10:57:31 0  1  843

javascript - canvas压缩图片的最大压缩比例是多少？

最近项目要对图片进行压缩上传，采用的canvas对图片进行压缩。发现canvas对不同图片的最小压缩比例会有不同。对最大的一张22M的图片进项压缩，最小只能到900k左右，压缩比例为0.036。而其中一张照片(只有900k左右...

大家讲道理 2017-06-12 09:28:20 0  1  965

获取画布的*两个*高度值？

我正在尝试获取此画布的两个高度值。<canvaswidth="886"height="792"style="display:block;opacity:0.5;width:834px;height:746px;"></canvas>我知道，我可以使用canvas.style.height;访问样式中的一个，但如何获

P粉604848588 2024-04-05 09:32:33 0  1  1475

javascript - 使用canvas换图片 闪烁问题。

使用canvas做小游戏，里面有需要切换图片，出现闪烁的情况，但是不是一直都有，时有时无，是怎么回事啊？

阿神 2017-06-07 09:24:50 0  2  1033

利用本地计算机生成画布图像

我想在我的笔记本电脑上将一张图片加载到<canvas>中，以便我可以使用getImageData()。我在一个本地的.html文件中使用javascript。这不是一个实时的、面向网络的项目，只是一个个人项目。当我尝试这样做时，我遇到了错误：UncaughtDOMException:Failedtoexecute'getImageData'on'CanvasRenderingConte

P粉547362845 2023-09-18 08:44:24 0  1  633

javascript - canvas压缩图片的原理是什么

canvas中的toDataURL方法可指定图片压缩后的格式及压缩质量，例如压缩成webp格式： {代码...} toDataURL是用base64对图像进行编码的，且编码后的源文件比编码前大33%，参考地址，但是quality参数可以指定压缩质量...

给我你的怀抱 2017-06-26 10:55:55 0  2  1126

javascript - 如何抓取canvas生成的图片

需要合成图片，不知道能不能直接后台抓取canvas生成的图片，然后返回给前端？

伊谢尔伦 2017-06-05 11:09:30 0  1  551

javascript - 怎样在canvas上让图片做tranform变换？

例如我有一张图片，如下图所示 {代码...} 图片的宽高是1280x600,并且transform属性是transform: translate(6px, 6px) scale(1.5) rotate(100deg); 请问，我创建的一张1280x600的canvas画布，要怎样才能让图片按照...

黄舟 2017-05-16 13:23:58 0  3  476