自动将HTML5画布裁剪为内容
自动将HTML5画布裁剪为内容。
相关·内容
5回答
自动将HTML5画布裁剪为内容
javascript、html、html5-canvas
假设这是我的画布，上面画着一张邪恶的脸。我想使用toDataURL()将我的邪恶面孔导出为PNG；然而，整个画布都是栅格化的，包括邪恶面孔和画布边缘之间的‘空白’。| /_ || |+---------------+
什么是最好的方法来裁剪/修剪/收缩包装我的画布到它的内容，使我的PNG不大于脸的‘边界框’
浏览 0提问于2012-08-03得票数 28
1回答
如何在制作的多边形上打个洞
javascript、jquery、fabricjs
我可以按逆时针方向使用普通的html5画布，但我更喜欢使用fabricjs。有人知道如何使用“神话”来实现附加的图像吗？
浏览 5提问于2016-03-03得票数 1
回答已采纳
1回答
计算旋转div中div的精确x和y位置
html、canvas、rotation、transformation
我在HTML5画布上实现了缩放和裁剪。缩放实际上是增加画布的高度和宽度，使其看起来被缩放。对于裁剪，我写了一个算法，用鼠标选择一个矩形区域，然后裁剪它。问题是，当我将图像旋转特定的角度时，所选内容出现在远离实际鼠标位置的地方。缩放效果也会出现这种情况，但由于我使用的方法是从x和y位置减去相加的左侧和顶部距离，所以即使图像被缩放，我也能够绘制选区。下图可能会帮助您更清楚地了解我的问题：画布周围有一个div，反映画布<
浏览 6提问于2013-01-11得票数 0
2回答
设置HTML5画布的高度和宽度，并在尺度内设置内容
html、canvas、html5-canvas
是否有可能设置画布元素的宽度和高度，并使现有的内容比例适合这些新的维度？用户上传的图像为1600x1200像素(未保存到服务器)，数据直接指向html5画布对象，画布的高度和宽度设置为800x600，图像内容适当缩放现在，如果我设置画布的宽度和高度，它只是在那个维度
浏览 0提问于2011-10-28得票数 4
回答已采纳
1回答
防止使用HTML5画布按比例缩放图像
html、canvas
我希望能够在HTML5画布元素上drawImage，其中图像的大小调整为画布宽度，但不调整高度。本质上，我希望它将高度裁剪到画布高度，而不是试图缩放宽度和高度。例如，如果我在320 x 150的画布上执行drawImage。我希望我的图像缩小到320的宽度，并显示高度的前150像素。
浏览 0提问于2013-06-08得票数 2
回答已采纳
4回答
如果没有画布，Javascript图像可以裁剪吗？
javascript、html、image、canvas、crop
有很多脚本和插件在网络上，用于Javascript图像裁剪/调整大小。使用HTML5画布裁剪某个区域，并通过DataUrl将图像存储回客户端。但是没有画布，我测试了 jquery插件，但它最后只提供了裁剪坐标(x、y、宽度、高度)。在图像上从来没有所谓的实际裁剪函数。
如何在Javascript图像对象上实际使用这些裁剪坐标？我只能使用CSS来显示图像，就像被裁剪一样，或者我真的可以将图像
浏览 6提问于2016-01-08得票数 3
回答已采纳
1回答
jQuery &画布图像裁剪索引或大小为负值或大于允许数量
javascript、jquery、image-processing、canvas
我已经安装了来自CodeCanyon的画布图像裁剪插件，而且我在火狐中遇到了一个问题。
我上传的一些(并不是所有的)图像出现了以下错误:索引或大小为负数或大于允许的数量。我正在使用HTML5画布版本的插件。
浏览 1提问于2014-05-08得票数 0
回答已采纳
2回答
如何在HTML5画布上裁剪图像？
javascript、algorithm、html5-canvas
我想在网格模式中将图像添加到HTML5画布中。画布是方形的，但图像大小和高宽比各不相同。我想把所有的图像裁剪成正方形。
};
img.src = 'https://source.unsplash.com/rando
浏览 2提问于2022-06-12得票数 1
回答已采纳
1回答
两个html画布在浏览器窗口上水平居中
javascript、css、html、canvas、easeljs
我试图在彼此之上使用两个html5画布对象，以便将其中一个用作静态背景，另一个用作所有动作发生的阶段。
其目的是背景比前景画布和静态图像更大，因此将背景投影一次，而不是不断地呈现它，将节省资源。我希望这两个对象始终以浏览器窗口的中央为中心(即使窗口被调整大小)，并且我需要一些CSS的帮助。目前，这两幅油画有相同的高度，但没有宽度。请允许我指出，每次调整浏览器窗口的尺寸时，都会调整画布的大小(按高度进行缩放)，这样就不会对场景的垂直部分进行裁剪/
浏览 4提问于2015-07-31得票数 0
回答已采纳
2回答
HTML画布-随着内容的增长自动调整大小
javascript、html、canvas
当HTML5画布中的内容超出其范围时，我如何将其设置为自动调整大小？我正在开发一个家族树应用程序，当一代比画布定义的界限更广时，连接节点的线就消失了。
浏览 2提问于2016-05-17得票数 1
回答已采纳
1回答
部分铬屏幕截图
javascript、jquery、google-chrome、google-chrome-extension、screenshot
用户单击并拖动屏幕上的鼠标，以选择特定的矩形内容区域)。如何在Chrome上工作呢？我没有看到这方面的API，但我知道可怕的屏幕截图和其他一些屏幕快照扩展可以做到这一点。我必须将网页转换成画布，但我不太确定如何做到这一点。而且，一旦我得到选定的区域，如何将其转换为图像并获得dataURI，就像chrome给出的返回值一样？
我是不是该用别的方法来代替？谢谢你的帮忙!
浏览 2提问于2015-07-12得票数 3
回答已采纳
1回答
HTML5画布总是必须是矩形的吗？
javascript、canvas、html5-canvas、shapes
我对有任何形状的画布感兴趣的原因是，这样就可以用Bezier曲线裁剪图像，并使网页文本在画布形状周围流动，即裁剪图像。我想，也有可能让文本包装在形状中，就像在形状周围流动的文本一样。我读到了一篇有趣的博客文章，内容是“用CSS形状创建非矩形布局”：。然
浏览 0提问于2014-04-15得票数 2
回答已采纳
1回答
如何更改使用chrome.tabs.captureVisibleTab (Chrome扩展)捕获的选项卡的大小
html、google-chrome、google-chrome-extension
我使用以下代码来捕获所选选项卡的屏幕快照应用程序接口说可以改变标签( )的大小，但是我不知道怎么做。目前，所有的截图都是全尺寸的(1440x900)，但我只需要缩略图大小的截图。谢谢。
浏览 2提问于2010-08-20得票数 6
回答已采纳
1回答
使用ImageMagick查找图像文件的空白区域
php、image、imagemagick
我需要能够确定图像的一部分(预先确定的裁剪标记之外)是否包含任何图像内容。通常，我会使用Photoshop操作来完成此操作，但我正尝试将此过程自动化。
浏览 1提问于2008-10-16得票数 0
4回答
在Javascript中复制和裁剪图像
javascript、canvas、client-side、crop
我想减少HTTP请求的数量，所以我将动画的每一帧(32px X 32px)合并为每个sprite的一个图像(比如192px x 128px)。有没有什么方法可以将这些图像复制并裁剪回几个较小的图像？
浏览 0提问于2010-11-17得票数 8
回答已采纳
2回答
使用边框-radius属性时，最新的opera不会隐藏溢出。
overflow、opera、hidden、css
虽然使用边界半径Opera实际上不会隐藏元素的溢出部分。我已经尝试在类似的线程中应用我设法找到的东西，例如定义边框样式或注意使用绝对和相对参数的定位。尽管如此，它仍然不起作用。<div class="node"> <div class="skill skill2"></div>
浏览 5提问于2014-01-10得票数 1
回答已采纳
2回答
带有自定义矩形JQuery的画布裁剪中的图像
javascript、jquery、html、jquery-plugins、html5-canvas
我有一个包含在图像中的画布元素(画布具有与图像相同的尺寸)，我想使用选择矩形来裁剪此图像！对于我的项目，我使用javascript的框架JQuery，并且我正在搜索一个在画布上实现自定义选择矩形的插件！如果没有，在画布元素上实现自定义矩形的方法是什么？
我希望在你的答案中！
浏览 0提问于2012-02-01得票数 0
回答已采纳
1回答
自动裁剪图像序列作为一个整体(同时考虑到所有图像)
image、image-processing、imagemagick、imagemagick-convert、mogrify
我想要自动裁剪整个动画中的过度透明，所以我需要找到唯一最小的矩形区域，如果每一幅图像都被裁剪到它，就不会从任何图像中剪裁不透明的像素，然后将每一幅图像裁剪到这个区域。IOW，相当于使每个PNG成为GIMP中的一个层，在每个层上执行“自动裁剪层”，然后“画布大小为层”，并再次将每个层导出为PNG。是否有一种方法可以对(或GIMP )进行移动或转换(或者GIMP，但在我的例子中，所涉及的图像数量会占用太
浏览 3提问于2016-04-03得票数 1
回答已采纳
2回答
使用Jcrop裁剪上传的图片
javascript、jquery、html、css、jcrop
我正在尝试使用Jcrop裁剪上传的图片。我的意图是在用户上传时裁剪图像。我不需要将用户上传的图像存储在服务器中。但是，我应该只将用户通过Jcrop选择的图像部分存储到服务器。
浏览 3提问于2014-04-09得票数 3
回答已采纳
1回答
如何检测剪切后的WPF FrameworkElement/Canvas是否包含任何内容？
wpf、canvas、clip、frameworkelement
我有一个很大的画布，我正在尝试为打印分页。我可以将画布分成页面大小的部分，有一种裁剪(裁剪)内容的方法，并将每一页传递给打印方法。我想跳过空白页面，并且需要一些方法来检测内容是否为空白。目前，我通过将画布转换为带有原始画布的VisualBrush的矩形来“展平”画布：
public Rectangle createRectanglefromUI(UIElement
浏览 11提问于2015-12-10得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
云直播
实时音视频活动推荐
腾讯云开发者
