![](/img/trans.png)
[英]JCanvas: Erasing Canvas doesn't erase draggable elements
我想通過允許用戶繪制各種形狀來增強我用 JS 構建的繪圖應用程序。 我想通過允許用戶拖動這些形狀來方便用戶。 所以我使用了 jCanvas,因為它提供了一種簡單的拖動形狀的方法: 問題是,我需要一個 function 來再次擦除它。 所以我做了這個腳本: 但這不起作用。 當我擦除時,它首先清除了所有 ...
[英]JCanvas: Erasing Canvas doesn't erase draggable elements
我想通過允許用戶繪制各種形狀來增強我用 JS 構建的繪圖應用程序。 我想通過允許用戶拖動這些形狀來方便用戶。 所以我使用了 jCanvas,因為它提供了一種簡單的拖動形狀的方法: 問題是,我需要一個 function 來再次擦除它。 所以我做了這個腳本: 但這不起作用。 當我擦除時,它首先清除了所有 ...
[英]Update images in canvas input type file jCanvas
我使用 jCanvas 制作帶有 jQuery 的傳單編輯器: https://projects.calebevans.me/jcanvas/ $(function () { initCanvas(); $.datepicker.regional['fr'] = { closeText: 'Fer ...
[英]jCanvas method drawRect() position issue
我的jCanvas有問題,這是一個繪制canvas和jquery的框架。 當我設置x = 0時,y = 0 .drawRect輸出應與純JavaScript結果相同。 我嘗試了該文檔和Google,但沒有找到任何解決方法。 屏幕截圖: 純js結果 jCanvas結果 ...
[英]jCanvas rotating
如下面的jCanvas腳本所示。圖層按預期旋轉,但每次單擊僅1次。 其他點擊會很好地記錄到控制台,但不會旋轉圖層。 是有一個想法/建議... 下午 ...
[英]I want an alert message in jcanvas when click on a rectangle
我是canvas元素的初學者,但是我在Google上的研究進展不順利...因此,我有了我的canvas元素,並且在畫布上繪制了很多矩形。 目前,當我單擊自己的形狀時,我可以顯示如下警告消息: “您單擊了矩形54”。 我在html元素上找到了很多有關Javascript菜單 ...
[英]Flickering in JFrame
我正在開發一款小型游戲,它將使我的朋友們開心,如果遇到錯誤也可以。 屏幕將閃爍圖像。 我知道這是從畫布上每幀渲染圖像開始的。 但是我不知道如何阻止它渲染每一幀。 我一直在尋求幫助。 這是我的主框架JFrameBuilder和JCanvas類中的一些代碼,以顯示我在做什么。 htt ...
[英]Trying to load jQuery plugin via npm
我正在嘗試在vuejs中加載一個jquery插件,但是似乎沒有任何辦法。 我有 上面的部分似乎正常工作(我認為),但是當我嘗試使用插件時 引發drawArc Is not a function error ,似乎插件未正確加載drawArc Is not a functio ...
[英]Woocommerce product add to cart custom data img
大家好,我對woocommerce和自定義元數據有疑問。 在我的簡單產品頁面中,我使用jcanvas制作了2D畫布。 一切正常,我可以根據產品數據調整高度和寬度並進行修改。 然后在添加到購物車之前,我從畫布中導出圖像base64並將其添加到購物車項目,因為它是技術數據。 當我轉到 ...
[英]Building AI2Canvas output with jCanvas.js
我正在使用Mike Swanson的AI> Illustrator的AI> Canvas插件( 在此處找到 ),非常適合將Illustrator創建的內容導出到HTML5 Canvas元素,但是構建Canvas元素的導出的JS以只讀方式構建它。 我試圖找出一種簡化的方法,將AI ...
[英]issue on animate layer in second time in jcanvas
我正在調用一個包含所有draw方法的函數,然后我用所有animate方法調用另一個函數,問題是, 當我第一次調用第二個功能時,它完美地工作,但第二個動畫時間不起作用 ...
[英]JCanvas: How do I get the size of an Image?
我已經繪制了這樣的圖像: 該圖像按預期顯示。 它比屏幕大,我想繪制一個更小的矩形(倍數為.05),其側面與原始圖像成比例。 如何獲取以上圖像的寬度和高度? 我試過了: 但是alert($("canvas").getLayer("image").width); 返回nu ...
[英]JCanvas: full screen canvas with oversize draggable image
使用JCanvas,我想做兩件事: 根據屏幕的寬度和高度動態定義畫布的大小。 在畫布上繪制比屏幕大的圖像,使其可拖動,並在圖像的邊緣停止拖動。 我有以下代碼: 不幸的是,瀏覽器在左上角僅顯示了圖像中心的一小部分(w:300像素; h:150像素)。 據我所知, ...
[英]Output form input value in jCanvas
將文本輸入值輸出到jCanvas的有效代碼是什么? 例如: 名字[ John Doe ] 然后將John Doe輸出到jCanvas上。 我想我對可行的方法有所了解,但不確定如何將其轉換為有效的jQuery代碼。 偽代碼如下: ...
[英]In jcanvas how to manipulate drawImage layer to apply instagram like filters on the image
我已經使用jcanvas drawImage方法在畫布上繪制了圖像,並且該圖像是一層 // js部分 // HTML部分 我想在圖像上應用instagram之類的圖像過濾器,有人可以用這個指導我嗎? ...
[英]When I reference a parameter of an object inside of an event handler, the parameter is always null even when it's set to an object
這是我的第一個堆棧溢出問題,因為我通常在谷歌搜索時會找到答案,所以請耐心等待... 我正在從事一個涉及對畫布元素進行大量操作的項目。 為此,我已經導入並使用了jQuery和jCanvas。 我也在用ECMAScript 6編寫代碼。為了簡化日志記錄方法,我使用了日志級別(因此使用“ l ...
[英]make canvas image movable ( draggable )
我有一個畫布區域,正在向其中添加一些圖像,我希望使我的畫布圖像可拖動。 我已經通過addEventListener創建了鼠標事件來處理鼠標單擊。 但是我的問題是我能夠使所有畫布上下文(不僅僅是我的圖像)都可拖動。 html代碼: JS代碼的一部分: 而且是否有可能使第 ...
[英]Updating canvas without hovering
我正在使用jCanvas庫制作類似於MS Paint的東西。 我在畫布外放了一個按鈕。 該按鈕順時針旋轉所選圖層,但是除非用鼠標懸停畫布,否則看不到任何更改。 我希望在按下按鈕時旋轉圖層。 我嘗試使用restoreCanvas()函數,但是沒有用。 按下畫布上的按鈕后,如何使畫布自 ...
[英]Dimensions in html5 canvas
我對HTML5畫布有問題。 我使用jCanvas向畫布添加圖層,但是尺寸有問題。 我有兩個矩形,一個是綠色的,另一個是紅色的。 現在,我希望紅色框觸摸綠色的左上角。 使用坐標系,我從200、200開始以綠色開始,然后紅色必須從0,0開始,並且寬度和高度必須為200和200。但這是 ...
[英]move two layers together with jcanvas
使用jcanvas ,我如何鏈接兩個可拖動層,使它們一起移動。 例如。 圓圈和文檔圖標是兩個差異層。 我怎么有他們 a)在同一層上繪制或 b)一起移動 ...
[英]Automatically add pixels when adding rectangle to canvas
目前,我有這個 如您所見,我已經手動添加了每個矩形。 我想通過使用jQuery函數drawRect()添加的每個矩形自動添加70像素。 我曾經嘗試這樣做,到目前為止Jcanvas 我這樣做的原因是,我想通過單擊此“畫布”中的矩形將數據加載到其他畫布中。 我認為使用JQ ...