javascript - canvas.drawImage() 仅渲染源图像的上半部分

标签 javascript html canvas drawimage

我正在尝试从头开始制作一个 JS 图像裁剪器。我得到的裁剪部分非常好,但是当我尝试使用drawImage()将图像的裁剪部分渲染到 Canvas 中时,输出仅显示图像的上半部分。知道可能出了什么问题吗?

CodePen 链接:https://codepen.io/virtuoso/full/MxrWrN

最佳答案

从这篇文章中找到了解决方案:canvas drawimage draw zoomed image

问题是我正在更改 <canvas>元素的style属性来设置它的宽度和高度,而我应该使用它的 widthheight相反,属性。

关于javascript - canvas.drawImage() 仅渲染源图像的上半部分,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55140736/

相关文章:

html - 将图像和 ul 放在同一行

安全错误: DOM Exception 18 on using getImageData in a Chrome Extension

Android:使用 drawText() 书写时文本不可见

javascript - 为什么即使我有多个目标元素,React.Component 也只渲染一次

javascript - 为什么我的 DropDownList 更改事件无法工作?

javascript - 显示标题工具提示时运行 JavaScript

html - 是否有必要从谷歌字体中选择字体样式?

javascript - 如何在 javascript 中将重力应用于弹跳球 -

javascript - Jest 循环遍历动态测试用例

JavaScript 多个函数的回调