Question

Can anyone help me in writing the code for drawing arrow mark?

I am working in html5 +jquery. Can ouu explain how to make that shape?

ctx.lineWidth = 3;
     ctx.lineJoin = 'round';
     ctx.strokeStyle = '#000000';
     ctx.save();
     ctx.beginPath();
     ctx.moveTo(43,150);
     ctx.lineTo(250,150);
     ctx.stroke();
     ctx.beginPath();
     ctx.moveTo(250,150);
     ctx.lineTo(200,80);
     ctx.stroke();
     ctx.beginPath();
     ctx.moveTo(250,150);
     ctx.lineTo(200,220);
      ctx.stroke();

Answer 1

I assume you are referring to a html5 canvas and draw using jQuery.

So this is one of the jQuery plugin that may help you in creating an arrow mark as what you’ve said: http://plugins.jquery.com/node/14184/release

If you’re new to jQuery, this tutorial might really help you: http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery

Please have a look at the html source from http://lislis.sakura.ne.jp/canvas/arrowmark/arrowmark03.html