畫布尺度和畫布尺寸的關係?

畫布尺度和畫布尺寸的關係?我的最終目標是透過使用者改變比例

P粉621033928 2023-07-25 12:33:23 0  1  544

javascript - 用 canvas 實作電子簽名，定位滑鼠在 canvas 中 座標

嘗試用 canvas 實作電子簽名時，無法準確取得滑鼠在 canvas 中的座標。 {程式碼...} 用 ev.clientY 取得了滑鼠的座標，但是 canvas.offsetTop 取得的是 距離父元素的高度。而 canvas 在一個有捲軸的表單中，所以...

巴扎黑 2017-05-16 13:36:00 0  1  586

畫布顯示空白？

我正在嘗試將關鍵點渲染到可以從BlazePose獲得的畫布上，但我似乎無法讓他們繪製畫布。我知道每個關鍵點的x和y並被檢索，但我無法讓它們顯示在畫布上。我嘗試過改變樣式，但到目前為止還沒有成功。感謝您的協助。 constvideo=document.getElementById('webcam');constcanvas=document.getElementById('output')constl

P粉147045274 2024-03-31 17:20:31 0  1  553

如何從多個畫布匯出 jpg

我有多個畫布，這些畫布用作圖層。 canvasc1=backgroundimage.canvasc2=charactorimage.canvasc3=itemimage.我的原始碼如下。在同一位置設定三個畫布。 <divcanvas="canvas-wrap"><canvasclass="canvas"id="c1">

P粉301523298 2024-04-03 21:02:43 0  1  522

html5 - canvas有時候會拿不到toDataURL數據

問題：1.不知道為什麼，canvas有時候會拿不到繪圖數據，只拿到了「data:;」 。請問我這麼寫錯在哪裡。 2.我這麼寫canvas 哪裡需要優化的沒有 相關程式碼： {程式碼...} {程式碼...}

高洛峰 2017-06-06 09:53:01 0  2  897

javascript - 關於canvas處理圖片的問題

我需要將一張用戶上傳的圖片使用canvas進行處理，用戶上傳的尺寸可能會很大，例如會超出當前瀏覽器視窗的寬高，所以我將其等比縮放到瀏覽器視覺區域內，然後繪製到canvas上，可是這樣我就相當於把使用者的圖片縮小...

扔个三星炸死你 2017-06-10 09:49:16 0  3  997

javascript - 求救canvas繪製半透明的馬賽克？

我的需求是提供給使用者使用滑鼠給上傳的證件塗抹馬賽克，我的思路是給canvas綁定滑鼠事件，沿著使用者的滑鼠按壓路徑，將一張半透明的png不停的繪製到證件上，現在我不想用半透明的Png疊加，想直接用canvas產生馬賽...

仅有的幸福 2017-06-07 09:24:40 0  1  882

為什麼我的繪圖畫佈在頁面內偏移？

這很難解釋。但我會嘗試，整個畫布都是偏移的。我不確定這是怎麼發生的或如何解決它。就像當您的滑鼠位於頁面的左上角並且您從中心開始時，它與畫布元素本身的左上角相符。使用程式碼片段來了解我在說什麼。 letcurrentColor=null;letinputs=document.getElementsByClassName("style2");for(constinputofinput

P粉475126941 2024-03-28 22:16:10 0  2  326

javascript - 原生canvas中如何取得到觸控事件的canvas內座標?

canvas在回應mousedown事件時,可以透過event.offsetX和offsetY來提取元素內座標,那我換成了touchstart後沒有offsetX和offsetY.該在哪裡找到元素內座標呢?

黄舟 2017-05-24 11:36:27 0  3  722

javascript - canvas設計滑鼠畫圖功能一筆畫出多條並行彩色線條

1.canvas設計滑鼠畫圖功能一筆畫出多條並行彩色線條2.試過在滑鼠事件新增 繪圖 oCg.beginPath();但是事件會被覆蓋。 3.相同添加重複畫布，但是畫布覆蓋了。

PHP中文网 2017-06-13 09:24:08 0  1  1269

javascript - 如何消除canvas邊緣鋸齒

如題：我做了一個canvas圖形，出現了邊緣鋸齒 有搜到一個：Bicubic Interpolation的插值演算法，但是看不懂，請大神指點Orz!!

大家讲道理 2017-05-31 10:41:27 0  2  1066

javascript - 將圖片拖曳到canvas

哪位大神幫忙看看，這個效果，可以把右面的圖片拖進canvas，還能進行編輯，是怎麼實現的，能不能具體講一下，急

phpcn_u1582 2017-06-14 10:52:41 0  2  907

javascript - canvas使用toDataUrl()出錯，img設定img.crossOrigin = "*"也沒用。

頁面要做一個截圖的功能，本地生成了一張圖片，然後轉成canvas，再從canvas變成png，但是canvas.toDataUrl()一直報錯： {代碼...} 程式碼如下： {程式碼... }

过去多啦不再A梦 2017-07-05 10:57:31 0  1  843

javascript - canvas壓縮圖片的最大壓縮比例是多少？

最近專案要對圖片進行壓縮上傳，採用的canvas將圖片壓縮。發現canvas對不同圖片的最小壓縮比例會有不同。對最大的一張22M的圖片進項壓縮，最小只能到900k左右，壓縮比例為0.036。而其中一張照片(只有900k左右...

大家讲道理 2017-06-12 09:28:20 0  1  965

取得畫布的*兩個*高度值？

我正在嘗試獲取此畫布的兩個高度值。 <canvaswidth="886"height="792"style="display:block;opacity:0.5;width:834px;height:746px;"></canvas>我知道，我可以使用canvas.style.height;來存取樣式中的一個，但如何獲

P粉604848588 2024-04-05 09:32:33 0  1  1475

javascript - 使用canvas換圖片 閃爍問題。

使用canvas做小遊戲，裡面有需要切換圖片，出現閃爍的狀況，但是不是一直都有，有時無，是怎麼回事啊？

阿神 2017-06-07 09:24:50 0  2  1034

利用本地電腦生成畫布圖像

我想在我的筆記型電腦上將一張圖片載入到<canvas>中，以便我可以使用getImageData()。我在一個本地的.html檔案中使用javascript。這不是一個即時的、面向網路的項目，只是一個個人項目。當我嘗試這樣做時，我遇到了錯誤：UncaughtDOMException:Failedtoexecute'getImageData'on'CanvasRenderingConte

P粉547362845 2023-09-18 08:44:24 0  1  633

javascript - canvas壓縮圖片的原理是什麼

canvas中的toDataURL方法可指定圖片壓縮後的格式及壓縮質量，例如壓縮成webp格式： {代碼...} toDataURL是用base64對圖像進行編碼的，且編碼後的源文件比編碼前大33% ，參考位址，但是quality參數可以指定壓縮品質...

给我你的怀抱 2017-06-26 10:55:55 0  2  1127

javascript - 如何抓取canvas產生的圖片

需要合成圖片，不知道能不能直接後台抓取canvas產生的圖片，然後再回傳給前端？

伊谢尔伦 2017-06-05 11:09:30 0  1  551

javascript - 怎麼在canvas上讓圖片做tranform變換？

例如我有一張圖片，如下圖所示{程式碼...} 圖片的寬高是1280x600,並且transform屬性是transform: translate(6px, 6px) scale(1.5) rotate(100deg); 請問，我建立的一張1280x600的canvas畫布，要怎麼讓圖片依照...

黄舟 2017-05-16 13:23:58 0  3  482