jcanvas

0熱度

1回答

我使用Mike Swanson的AI> Illustrator插件（Illustrator）（found here），它非常適合將Illustrator創建導出到HTML5 Canvas元素，但導出的構建Canvas元素的JS會構建它以只讀方式。我試圖找出一種簡化的方法來將AI2Canvas導出的JS轉換爲jCanvas JS，以便我能夠動態更新畫布內的元素（例如更新文本，更改顏色等）。以下的

0熱度

1回答

更新畫布而不懸停

我正在使用jCanvas庫來製作類似MS Paint的東西。我在畫布外面放了一個按鈕。該按鈕順時針旋轉所選圖層，但除非使用鼠標懸停畫布，否則看不到任何更改。我想在按下按鈕時旋轉圖層。我試過使用restoreCanvas（）函數，但它沒有工作。如何在按下按鈕時自動刷新畫布？對不起，對英文不好。

0熱度

1回答

自動添加像素時添加矩形以帆布

目前，我有這個 var x = 150; var o = 100; var canvas = $('#NodeList').get(0); var ctx = canvas.getContext('2d'); ctx.strokeStyle = "red"; canvas.height = 0; var rects = [ [20, 20, x, o], [20

1熱度

1回答

將兩層與jcanvas一起移動

使用jcanvas，我如何鏈接兩個可拖動的層以使它們一起移動。例如，圓圈和文檔圖標是兩個diff層。我如何讓他們一）繪製在同一層或 B於）一起移動 // document .drawArc({ layer: true, groups: ['document'], fillStyle: 'yellow', x: 100, y: 250,

0熱度

1回答

jCanvas中的輸出表單輸入值

輸出jCanvas文本輸入值的有效代碼是什麼？例如：名稱[John Doe的] John Doe的隨後將被輸出到一個jCanvas。我想我有一個關於什麼可以工作的想法，但我不知道如何使它成爲有效的jQuery代碼。下面的僞代碼： var input = #input.val canvas.drawText( input (dimensions go here) )

0熱度

1回答

在jcanvas如何操縱的drawImage層施加的Instagram像過濾器的圖像上

我得出使用jcanvas的drawImage方法畫布一個圖像，並且該圖像是層 //的js部分 $('canvas').drawImage({ source: 'js/BN44094.jpg', layer: true, x: 0, y: 0, width: 800, height: 400, name: 'backImage'

0熱度

1回答

Woocommerce產品添加到購物車自定義數據img

大家好我有一個關於woocommerce和自定義元數據的問題。在我簡單的產品頁面中，我有一個用jcanvas製作的2D畫布。一切工作順利我可以根據產品數據調整高度和寬度並對其進行修改。然後在添加到購物車之前，我從畫布中導出圖像base64並將其添加到購物車項目，因爲它是一個技術數據。當我去購物車頁面。我有一個錯誤414.請求太久。因此，我嘗試生成在單個產品頁面上工作但不在購物車項目上的bl

1熱度

1回答

問題jcanvas在第二次動畫層上

我呼籲包含所有繪製的方法，然後我打電話與所有動畫的方法和發行其他功能的功能是，當我打電話第二個功能第一次它工作完美，但第二動畫時間不起作用 <!DOCTYPE html> <html> <head> <title>mask image</title> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com

0熱度

1回答

JCanvas：全屏帆布與過大的可拖動的圖像

使用JCanvas，我想做兩兩件事：動態根據屏幕的寬度和高度定義畫布的大小。將大於屏幕的圖像繪製到畫布並使其可拖動，拖動停止在圖像的邊緣。我有以下代碼： function init() { $canvas = $('#canvas'); $canvas.width = window.innerWidth; $canvas.height = window.inne

0熱度

1回答

JCanvas：我如何獲得圖像的大小？

我已經繪製的圖像是這樣的： $("canvas").drawImage({ x: 0, y: 0, source: src, draggable: true, layer: true, name: "image", fromCenter: false, } }); 的圖片顯示，因爲它應該。它比屏幕更