我正在尝试将图像加载到画布中，但drawImage函数没有按预期工作。 我添加了拖动功能，当我在画布内移动img时，它也不是线性的，它不允许鼠标光标。(canvas);
console.log(url), img) { v
浏览 16提问于2019-02-24得票数 0
回答已采纳
这个画布我试图在另一个画布上画一个给定的目标宽度和高度，但结果是一个扭曲的图像。base64img = '/*base64code..*/' var _img = img;
var canvas= document.getElementById("canvas").getContext("2
浏览 8提问于2017-01-06得票数 0
回答已采纳
5回答
我尝试在画布上放置一个图像，而不调整它的大小。我以为drawImage(img，x，y)可以做到这一点，但它会拉伸图像以填充画布。另外，为drawImage(img，x，y，width，height)提供我的图像的尺寸似乎不起作用。下面是我的代码：
<canvas id="story" style="position:relative; width:800px; height:600px;"></canvas</
浏览 6提问于2010-11-13得票数 17
回答已采纳
1回答
我们正在构建一个单页面的网站，当一个页面上有很多图片时，我们总是会遇到一些问题。卷轴似乎非常抖动，特别是在铬上，我们想看看一个更好的方式来完成它。有什么建议可以使用的技术库吗？
浏览 3提问于2014-06-14得票数 0
构造函数之后，我使用myImg.src = 'myurl.jpg';和myImg.onload = function() { ctx.drawImage(myImg, x, y)...};
浏览 4提问于2015-02-11得票数 1
回答已采纳
在设置width > 640和height > 100之后，在画布中不会绘制任何内容，当网页在本机web视图中渲染时会出现此问题。//works finecanvas.width = 640;ctx.drawImage(img, 0, 0);...canvas.heigh
浏览 5提问于2018-12-11得票数 0
1回答
图像连接脚本
、、
我正在尝试编写一个脚本，它可以在画布上连续渲染来自文件输入的图像。 首先，我循环浏览图像以计算画布宽度(因为画布在调整大小时会被擦除)。然后再次循环以渲染图像。canvas.width = 0; y = 0,for (let i = 0; i < document.querySelectorAll('load', () => { let newWidt
浏览 10提问于2019-05-30得票数 1
正如你所看到的，调整大小是最近的邻居或线性的，而不是双三次的，有一些奇怪的云纹效果。Microsoft Edge在顶部，Chrome在底部。
浏览 0提问于2015-08-14得票数 23
1回答
画布预渲染？
、、
在画布上预渲染图像有什么意义吗？举个例子，pre.width = img.width;var precon = pre.getContext("2d");
precon.drawImage(img, 0,
浏览 0提问于2013-06-21得票数 8
回答已采纳
1回答
我想要的缩略图大小是200x200，根据文档，它应该和drawImage一样简单(img，0，0,200,200)，但是我得到的结果是相同的--这里是我的代码：ctx = _canvas.getContext("2d"),ctx.<
浏览 3提问于2022-05-18得票数 0
回答已采纳
当在超文本标记语言的img标记中设置了width或height属性时，为什么简单的drawImage()调用不会进行调整？
<!--Try adding width="200" to the img tag below.('canvas');var context = canvas.getContext('2d');
style = &#x
浏览 3提问于2013-06-30得票数 3
回答已采纳
我想做什么
下面我试了两种方法。我不确定，但当窗口调整大小时，图像似乎不会被重新渲染。// Image img.src = 'https://source.unsplash.com/WLUHO9A_xik/1600x900';
浏览 5提问于2021-03-10得票数 1
回答已采纳
1回答
在画布中获取更新后的图像高度
、、、、
context.drawImage(img, 0, 0, img.width, img.height, 0, 0, canvas.width / 2, canvas.height / 2); 我尝试使用图像的高度和宽度使其在画布中居中，但当我这样做时，它不起作用，因为img.naturalHeight、clientHeight和height都为我提供了超过5000像素的原始图片高度。
浏览 13提问于2021-01-17得票数 0
回答已采纳
图像需要允许绘制(这都是设置好的)，但我似乎无法弄清楚html… <img draggable="true" src="URL to image" crossorigin="anonymous"> <!-- small image that I want to be able to drag onto the canvas -->
<select name="map" id="map" onchangeoptgroup labe
浏览 32提问于2021-10-04得票数 0
我试图将下面的图像绘制到画布上，但尽管定义了画布的大小，但它看起来很模糊。正如你在下面看到的，图像是清晰的，而在画布上，它是模糊和像素化的。var ctx = c.getContext('2d')playerImg.width = 32
playerImg.height =
浏览 1提问于2015-08-10得票数 31
回答已采纳
1回答
我有一个简单的html表单，输入类型为image： <form action="new.php" method="POST" enctype="multipart/form-data"> <input type="file" name="file
浏览 1提问于2015-08-25得票数 4
我的一个输入画布中有一个.drawImage函数。有没有一种方法可以很容易地将2个画布合并成1个画布，即使是我的图像？<!"></canvas>
<canvas id="canvas2" width="350" height="350" style="border: 1px solid black"></canvas>can =
浏览 26提问于2017-03-05得票数 0
回答已采纳
2回答
加载图像后调整HTML画布大小
、、、、
请参阅
我有一个canvas元素，它在图像加载之前不知道它将被用来做什么，所以我需要能够在创建image对象之后动态地更改元素的尺寸。然而，有些地方出了问题，因为它似乎异步运行命令；在调整大小之前将图像写入上下文。
浏览 0提问于2012-09-04得票数 1
回答已采纳
2回答
= document.querySelector("img");var ctx = canvas.getContext('canvas').height);ctx.f
浏览 2提问于2017-02-08得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
云直播
对象存储
腾讯会议活动推荐
腾讯云开发者
