UniCanvas - What is the best way to detect a canvas mouse RightClick ?

[andyhill]

Looking for advice on how to detect a uni canvas mouse RightClick ?

[Sherzod]

1 hour ago, andyhill said:

Looking for advice on how to detect a uni canvas mouse RightClick ?

Hello,

One possible solution for now:

function afterrender(sender, eOpts)
{
    sender.getEl().dom.addEventListener('contextmenu', function(){
        ajaxRequest(sender, ...)
    })
}

 

[andyhill]

Thank You Sherzod.

Issue, this brings up the Browser context popup "Save Image" etc, I want this for my use only - not the browser.

Also, There is no x/y or any other previous mouse down event preceding the RightClick, how do I know where the RightClick was clicked ? Please advise ?

Minimal testing on several mouse events shows eOpts is blank "console.log(eOpts);"

 

On another matter dealing with the canvas object, I need a completed event after:-

image loaded
lines drawn
flood fill completed
clear

beginupdate
endupdate

etc.

The OnReadyEvent only fires once after initialization, can it not be made to fire after any drawing begin-end event (have I missed something) ?

 

[Sherzod]

8 hours ago, andyhill said:

Issue, this brings up the Browser context popup "Save Image" etc, I want this for my use only - not the browser.

function afterrender(sender, eOpts)
{
    sender.getEl().dom.addEventListener('contextmenu', function(e){
        //ajaxRequest(sender, ...)
        e.preventDefault()
    })
}

 

[Sherzod]

9 hours ago, andyhill said:

Issue, this brings up the Browser context popup "Save Image" etc, I want this for my use only - not the browser.

Also, There is no x/y or any other previous mouse down event preceding the RightClick, how do I know where the RightClick was clicked ? Please advise ?

1. UniCanvas1 -> ClientEvents -> ExtEvents ->

function afterrender(sender, eOpts)
{
    sender.getEl().dom.addEventListener('contextmenu', function(e){
        ajaxRequest(sender, '_contextmenu', ['x=' + e.layerX, 'y=' + e.layerY]);                             
        e.preventDefault();
    })
}

2. 

procedure TMainForm.UniCanvas1AjaxEvent(Sender: TComponent; EventName: string;
  Params: TUniStrings);
begin
  if EventName = '_contextmenu' then
  begin
    UniPopupMenu1.Popup(Params.Values['x'].ToInteger + 10, Params.Values['y'].ToInteger + 10)
  end;

end;

 

[andyhill]

Thank You Sherzod - your the Master.

Can you please ADD to the canvas object an event that "fires after any drawing endupdate" please.

[Sherzod]

4 hours ago, andyhill said:

Can you please ADD to the canvas object an event that "fires after any drawing endupdate" please.

Are you using "UniCanvas1.PaintMode := pmFreeHand;" ?

[Sherzod]

9 hours ago, andyhill said:

Can you please ADD to the canvas object an event that "fires after any drawing endupdate" please.

 

4 hours ago, Sherzod said:

Are you using "UniCanvas1.PaintMode := pmFreeHand;" ?

Some approaches can be analyzed from here:

https://stackoverflow.com/questions/4648465/does-canvas-element-have-change-event/

[andyhill]

Thanks Sherzod