cost 244 ms
JCanvas:擦除 Canvas 不會擦除可拖動元素

[英]JCanvas: Erasing Canvas doesn't erase draggable elements

我想通過允許用戶繪制各種形狀來增強我用 JS 構建的繪圖應用程序。 我想通過允許用戶拖動這些形狀來方便用戶。 所以我使用了 jCanvas,因為它提供了一種簡單的拖動形狀的方法: 問題是,我需要一個 function 來再次擦除它。 所以我做了這個腳本: 但這不起作用。 當我擦除時,它首先清除了所有 ...

jCanvas方法drawRect()位置問題

[英]jCanvas method drawRect() position issue

我的jCanvas有問題,這是一個繪制canvas和jquery的框架。 當我設置x = 0時,y = 0 .drawRect輸出應與純JavaScript結果相同。 我嘗試了該文檔和Google,但沒有找到任何解決方法。 屏幕截圖: 純js結果 jCanvas結果 ...

2019-08-24 09:46:16   1   15    jcanvas  
jCanvas旋轉

[英]jCanvas rotating

如下面的jCanvas腳本所示。圖層按預期旋轉,但每次單擊僅1次。 其他點擊會很好地記錄到控制台,但不會旋轉圖層。 是有一個想法/建議... 下午 ...

單擊矩形時,我想在jcanvas中發出警報消息

[英]I want an alert message in jcanvas when click on a rectangle

我是canvas元素的初學者,但是我在Google上的研究進展不順利...因此,我有了我的canvas元素,並且在畫布上繪制了很多矩形。 目前,當我單擊自己的形狀時,我可以顯示如下警告消息: “您單擊了矩形54”。 我在html元素上找到了很多有關Javascript菜單 ...

JFrame中的閃爍

[英]Flickering in JFrame

我正在開發一款小型游戲,它將使我的朋友們開心,如果遇到錯誤也可以。 屏幕將閃爍圖像。 我知道這是從畫布上每幀渲染圖像開始的。 但是我不知道如何阻止它渲染每一幀。 我一直在尋求幫助。 這是我的主框架JFrameBuilder和JCanvas類中的一些代碼,以顯示我在做什么。 htt ...

嘗試通過npm加載jQuery插件

[英]Trying to load jQuery plugin via npm

我正在嘗試在vuejs中加載一個jquery插件,但是似乎沒有任何辦法。 我有 上面的部分似乎正常工作(我認為),但是當我嘗試使用插件時 引發drawArc Is not a function error ,似乎插件未正確加載drawArc Is not a functio ...

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

[英]Woocommerce product add to cart custom data img

大家好,我對woocommerce和自定義元數據有疑問。 在我的簡單產品頁面中,我使用jcanvas制作了2D畫布。 一切正常,我可以根據產品數據調整高度和寬度並進行修改。 然后在添加到購物車之前,我從畫布中導出圖像base64並將其添加到購物車項目,因為它是技術數據。 當我轉到 ...

使用jCanvas.js構建AI2Canvas輸出

[英]Building AI2Canvas output with jCanvas.js

我正在使用Mike Swanson的AI> Illustrator的AI> Canvas插件( 在此處找到 ),非常適合將Illustrator創建的內容導出到HTML5 Canvas元素,但是構建Canvas元素的導出的JS以只讀方式構建它。 我試圖找出一種簡化的方法,將AI ...

JCanvas:如何獲取圖像的大小?

[英]JCanvas: How do I get the size of an Image?

我已經繪制了這樣的圖像: 該圖像按預期顯示。 它比屏幕大,我想繪制一個更小的矩形(倍數為.05),其側面與原始圖像成比例。 如何獲取以上圖像的寬度和高度? 我試過了: 但是alert($("canvas").getLayer("image").width); 返回nu ...

JCanvas:具有超大可拖動圖像的全屏畫布

[英]JCanvas: full screen canvas with oversize draggable image

使用JCanvas,我想做兩件事: 根據屏幕的寬度和高度動態定義畫布的大小。 在畫布上繪制比屏幕大的圖像,使其可拖動,並在圖像的邊緣停止拖動。 我有以下代碼: 不幸的是,瀏覽器在左上角僅顯示了圖像中心的一小部分(w:300像素; h:150像素)。 據我所知, ...

在jCanvas中輸出表單輸入值

[英]Output form input value in jCanvas

將文本輸入值輸出到jCanvas的有效代碼是什么? 例如: 名字[ John Doe ] 然后將John Doe輸出到jCanvas上。 我想我對可行的方法有所了解,但不確定如何將其轉換為有效的jQuery代碼。 偽代碼如下: ...

當我在事件處理程序中引用對象的參數時,即使將其設置為對象,該參數也始終為null

[英]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()函數,但是沒有用。 按下畫布上的按鈕后,如何使畫布自 ...

html5畫布中的尺寸

[英]Dimensions in html5 canvas

我對HTML5畫布有問題。 我使用jCanvas向畫布添加圖層,但是尺寸有問題。 我有兩個矩形,一個是綠色的,另一個是紅色的。 現在,我希望紅色框觸摸綠色的左上角。 使用坐標系,我從200、200開始以綠色開始,然后紅色必須從0,0開始,並且寬度和高度必須為200和200。但這是 ...

與jcanvas一起移動兩層

[英]move two layers together with jcanvas

使用jcanvas ,我如何鏈接兩個可拖動層,使它們一起移動。 例如。 圓圈和文檔圖標是兩個差異層。 我怎么有他們 a)在同一層上繪制或 b)一起移動 ...

在畫布上添加矩形時自動添加像素

[英]Automatically add pixels when adding rectangle to canvas

目前,我有這個 如您所見,我已經手動添加了每個矩形。 我想通過使用jQuery函數drawRect()添加的每個矩形自動添加70像素。 我曾經嘗試這樣做,到目前為止Jcanvas 我這樣做的原因是,我想通過單擊此“畫布”中的矩形將數據加載到其他畫布中。 我認為使用JQ ...


 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM