问题标签 [jcrop]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
php - php imagecreatefrompng()不起作用
我正在从另一个现有图像中裁剪图像。它适用于 jpg、jpeg、gif 正常工作。但它不适用于 png 图像文件。给出以下错误。
这是代码。
你对这个问题有任何想法吗?
jquery - 无法用鼠标拖动 jcrop 选择
我对 jcrop 有一个奇怪的问题,我花了几个小时试图弄清楚。问题是我无法像演示中显示的那样拖动/移动选择。
如果我尝试初始化脚本,setSelect
以便在页面加载时显示图像并带有选择,则该选择是可移动的,但是一旦我用鼠标进行选择,则无法拖动该选择(当然会替换初始选择)不管我做什么。然而,它可以用键盘移动,但我不能依赖使用键盘的人。
我用谷歌搜索了一下,唯一接近的是这篇文章:Cannot drag selection in Jcrop, what could break it? 但这并不能解决我的问题(而且我没有我所知道的相对定位,所以它首先不是问题的原因)。
我在 Mac 上使用 jquery 1.4.2 和 jcrop 0.9.8 使用以下设置(已尝试过 Firefox 和 Safari):
但我也尝试使用一个简单$('#jcrop_target').Jcrop();
的方法来确保它不是导致冲突的其他函数。
任何输入将非常非常感谢。提前致谢 !
拉斯
php - php jquery jcrop 和 imagejpeg
这是我第一次使用 GD 的方法。我正在尝试使用 jcrop jquery 插件来实现调整大小和裁剪。我仍然不知道如何保存我裁剪的图像。在 jcrop 网站上没有太多关于它的内容。这是我的代码:
为了实际编写图像文件并将其路径保存在我的数据库中,我该如何处理imagejpeg($dst_r,null,$jpeg_quality) ?
提前致谢。
毛罗
jquery - 如何在带有母版页的 ASP.NET 中使用 JCrop
我正在使用 asp.net 4、c#、jQuery 1.5.1 和 Jcrop-0.9.8。
对于 jQuery,我使用 MS CDN 和 ScriptManager 加载包。
jQuery 加载成功,但 Jcrop 有问题。
调用 Jcrop 时,我在 IE 8 中收到错误消息。
看来我不能将 jCrop 与 MasterPage 一起使用。我尝试在没有关联 MasterPage 的页面中使用相同的脚本并且它正在工作。
您有任何解决方法的想法吗?谢谢你的时间。
全球阿萨克斯
母版页
子页面
jquery - jQuery如何添加到Jcrop缩放功能
JCrop 它是一个非常棒的插件,但遗憾的是缺少放大缩小功能。
我想知道是否有人曾尝试在 jCrop 中添加放大缩小功能。
请发布代码示例。
谢谢
javascript - jcrop setSelect 问题
我对 setSelect 有一个小问题,我无法弄清楚。
我有一个看起来像这样的代码:
然而,带有裁剪的小框显然没有显示在这些位置(例如,显示的“x”位置是 157,但我的图像只有 300 宽,因此裁剪框应该在它的一半之后出现,并且它正在出现在它的开始。
关于可能是什么问题的任何想法?
谢谢!!
javascript - 使用 jcrop 或它的替代方法限制裁剪的图片纵横比
我正在使用 jcrop 在我的网站上裁剪图片。用户可以拥有图片的任何纵横比。是否有任何 js 库(或使用 jcrop 的方法)可以限制纵横比,以便用户无法选择 f.ex。图片太薄?
javascript - jCrop (jQuery) 有时无法加载图像/裁剪区域
我有一个非常简单的问题,但我对导致问题的原因一无所知。在我的一个应用程序中,我使用 jCrop 作为一个小插件来裁剪图像以适应横幅/标题等。将采取以下步骤:
在大约 75% 的情况下,一切都按计划进行,但是在另外 25% 的情况下,jCrop 无法加载裁剪区域并将其留空。这是我正在使用的 jQuery 代码:
我注意到,当我将#cropbox 正在被转换的部分放在可裁剪区域中时,图像加载得很好,所以错误在于该var = jcrop_api
部分,但我慢慢开始认为没有解决方案。 ..
这是我迄今为止尝试过的:
制作一个 div<div id="cropper-box"></div>
并使用jQuery('#cropper-box').append('<img src="" id="cropbox" />');
,然后设置值。我尝试了同样的事情,但在第一步而不是之后设置图像 src。
我试图在页面上放置一个占位符<img src="placeholder.png" id="cropbox" />
并在单击按钮时更改源。这可行,但cropperarea保持图像的大小(300x180px或其他东西)并且不会变大。
// 编辑:
尝试更多显示图像源被正确替换(!使用 Firefox 显示所选文本的源),我仔细检查了 URL,但这是一个正确的 URL 和工作图像。
在裁剪器应该在的地方,有一个大约 10x10 像素的白点,裁剪器图标(加号)正在弹出。但如前所述:图像未显示。
// 编辑 2:
因此,我为同一图像的第一次和第二次尝试获取了资源。如前所述,第一次尝试无法正确加载图像,而第二次尝试则可以正常加载(仅当第二次尝试是相同的图像时(!!))。
所选页面源显示 1 个不同之处,即首先尝试:
第二次尝试:
我想这是被 jCrop 替换的图像,但这是一个完整的谜,为什么它第一次将 0 高度/宽度放入其中,第二次放入正确的尺寸。
javascript - 让 JCrop 支持图像缩放的解决方案
我一直在搜索所有网络,但似乎找不到一个简单的开源插件,它本质上提供了一个基本的图像裁剪工具。
这是交易......我基本上正在寻找“jcrop”提供的示例:http ://deepliquid.com/projects/Jcrop/demos.php?demo=live_crop
然而,增加了能够放大/缩小图像的能力。
演示我正在寻找的最简单的工具是:http: //kroppr.rborn.info
正如你所看到的,它就像 jcrop 一样,但是这个可以让你放大图像并移动图像,这样你就可以获得你想要的裁剪区域。
是否有任何开源解决方案,或者是否有人碰巧有技能集成这个快速破解?
javascript - 使用 Jcrop 调整图像大小
我使用 Jquery Jcrop 来裁剪我的图像。现在我正在实现一个用于调整图像大小的滑块。我希望裁剪和调整大小发生在同一页面上。
我这样做:
还有我简单的 resizeImage 函数:
问题是,一旦我打开 Jcrop,我就无法调整图像大小。如何同时使用这两个功能?