jcrop

0熱度

1回答

我使用cropper JS裁剪我的圖像。我能夠獲得畫布的寬度和高度，但是，需要知道裁剪圖像的座標（X和Y）。這裏是我的代碼 - (function() { //getting ratio function getImageRatio(sourceCanvas) { var canvas = document.createElement('canvas');

0熱度

1回答

PHP＆JS - Jcrop - 選擇的PNG圖像具有黑色背景

當我在Jcrop容器中選擇具有透明背景的PNG文件時，它會顯示黑色背景。當我裁剪並保存它時，它將被保存爲.png文件，但是在作物容器中顯示爲黑色背景。 JS： $('#image').Jcrop({ bgColor: 'transparent', aspectRatio: 1, minSize: [180, 180], maxSize: [20000, 20

2熱度

1回答

轉換爲Base64的圖像未在引導模式的畫布上顯示

我正在拍攝來自用戶的圖像，執行裁剪操作，將其轉換爲base64，然後在畫布上繪製它。對於裁剪，我正在使用jcrop庫。 $(document).on("change","#photograph",function() { $("#picCrop").modal('show'); $("#views").empty(); image = null; canv

1熱度

1回答

將圖像保存到服務器並根據從前端預覽返回的值裁剪圖像

我在項目中使用jcrop插件並遇到問題。問題在於iam從預覽圖像裁剪圖像，當我嘗試從控制器的原始圖像裁剪該部分時，圖像不會從我選擇的確切位置裁剪。當用戶點擊瀏覽，選擇照片我上傳的圖片服務器，並打開與服務器鏈接到該圖像的圖。使用插件可以正確裁剪並在視圖中預覽它。假設圖像寬度爲1000px，高度爲500px，並將其加載到寬度爲700px，高度爲350px的img src中（在jcrop中，可以給

0熱度

1回答

imagecopyresampled不給實際輸出

我想裁剪和上傳圖像，我已經嘗試下面的代碼作物圖像。 $img_r = imagecreatefromjpeg('/home/user/site.com/wp-content/themes/my-theme/uploads/test.jpeg'); $new_canvas = imagecreatetruecolor(350, 350); imagecopyresampled($new_ca

1熱度

1回答

Jcrop在渲染時在透明圖像上添加黑色背景

當試圖在透明背景畫布上使用Jcrop時，它呈現爲黑色，我在線檢查並根據jcrop turns transparent image black上的問題給出的解決方案對我無效，它仍然會產生黑色背景。以下是我的代碼。任何幫助得到這個工作將不勝感激！ var maxWidth = 200; var img = new Image(); img.onload = function() {

0熱度

2回答

Jcrop圖像在預覽中無法正確顯示

我目前使用Jcrop讓用戶裁剪圖像。他們可以選擇一個圖像，圖像將被加載到一個縮略圖中以顯示裁剪圖像的樣子。當我在使用Wamp服務器的本地主機上測試它時，我有這個工作，但只要我將它上傳到我的wordpress端，預覽出錯了。下面是它出現錯誤時的樣子的屏幕截圖：image 黑色線條顯示縮略圖的總寬度，因爲您可以看到作物選擇失真並正在從縮略圖中移出。我已經在我的localhost和我的wordp

0熱度

1回答

如何不旋轉jcrop

我有jcrop的問題。我有一個圖像和兩個按鈕的中心旋轉+ 90°或-90°的網頁（我使用jQueryRotate），但是當我使用jcrop選擇一個區域時，選擇器也旋轉了，不想讓它旋轉。我在互聯網上查了一下，發現了不同的解決方案，但是當我追查我的代碼時，我注意到了jquery.Jcrop.js在過程getPos中使用.offset（）方法，它總是給我在0°度左上角的位置。在旋轉90,180,27

3熱度

2回答

jCrop在更改圖像時使用正確的座標調整大小

希望這不會被標記爲重複項，因爲沒有任何其他q /因爲SO已幫助我解決此問題，所以我認爲我需要更具體的幫助線。我在我的網站上有一個個人資料頁面，允許用戶在沒有頁面重新加載（通過AJAX/jQuery）的情況下更改他們的個人資料圖片。這一切工作正常。用戶打開「更改個人資料圖片」模式，選擇要上傳的文件並按下「裁剪此圖像」。當按下這個按鈕時，它使用發送文件和formData（我附加文件數據）的典型方式

0熱度

1回答

JSF和Jquery-如何定位在ajax調用後呈現的元素

我有一個包含p：fileUpload組件以及h：graphicImage組件的表單。只有在通過AJAX上傳文件後纔會呈現h：graphicImage組件。我的問題是，我需要在文件上傳後執行Jcrop（圖像裁剪庫），但是我需要執行JCrop的圖像是通過ajax渲染的，所以不存在於文件準備我有一些隱約這樣的： <form> <p:fileUpload fileUploadListener