WebPen and Raphael

[Tyrone Slothrop]

Anyone with experience with WebPen and Raphael?

I have a customized version of WebPen based on v4.1. They didn't
exactly provide useful support so I hacked into the script (which did
not make them happy since they seem to be more interested in making
money than providing support). I have the modified script working on
a form with limited fields and no other JS but, when I place it on a
form with lots of JS and fields, the script will not write to the
canvas. Oddly enough, the coordinates are being written to the hidden
field and all else works on the form. No errors are generated by
either the form or the JS.

Unfortunately, there is nothing I can show since the site where this
is installed is in the financial services industry and I am sworn to
an NDA. As well, WebPen.js is unencrypted and I agreed to not make it
publicly available (even though they use a laughable encryption
method).

Can anyone suggest possible causes of the failure to write to the
canvas?

TIA

 

[RobG]

Anyone with experience with WebPen and Raphael?

I have a customized version of WebPen based on v4.1.  They didn't
exactly provide useful support so I hacked into the script (which did
not make them happy since they seem to be more interested in making
money than providing support).  I have the modified script working on
a form with limited fields and no other JS but, when I place it on a
form with lots of JS and fields, the script will not write to the
canvas.  Oddly enough, the coordinates are being written to the hidden
field and all else works on the form.  No errors are generated by
either the form or the JS.

Unfortunately, there is nothing I can show since the site where this
is installed is in the financial services industry and I am sworn to
an NDA.  As well, WebPen.js is unencrypted and I agreed to not make it
publicly available (even though they use a laughable encryption
method).

Can anyone suggest possible causes of the failure to write to the
canvas?

Without any idea of the WebPen code, the other scripts you are using
or the markup, explanations you get here will very likely be guesses.

Perhaps you can post snippets of the code in question? I believe that
posting such for research or critical analysis does not breech
copyright, though it might still be in breech of your licence.

I tried the demo on the WebPen site, I'm glad I'm not a user trying to
sign a form using a mouse, it looks nothing like my signature. Digital
signatures are more convenient and far more secure.

 

[Thomas 'PointedEars' Lahn]

Anyone with experience with WebPen and Raphael?
Possible.

I have a customized version of WebPen based on v4.1. […] I have the
modified script working on a form with limited fields and no other JS but,
when I place it on a form with lots of JS and fields, the script will not
write to the canvas. Oddly enough, the coordinates are being written to
the hidden field and all else works on the form. No errors are generated
by either the form or the JS.
[…]
Can anyone suggest possible causes of the failure to write to the
canvas?

Yes.

<http://www.catb.org/~esr/faqs/smart-questions.html>


PointedEars

 

[Tyrone Slothrop]

Without any idea of the WebPen code, the other scripts you are using
or the markup, explanations you get here will very likely be guesses.

Perhaps you can post snippets of the code in question? I believe that
posting such for research or critical analysis does not breech
copyright, though it might still be in breech of your licence.

I tried the demo on the WebPen site, I'm glad I'm not a user trying to
sign a form using a mouse, it looks nothing like my signature. Digital
signatures are more convenient and far more secure.

I wish I could post snippets but, no matter how I may personally feel
and to protect the interests of my client, I will honor my promise not
to make their code publicly available. Ethics can be a bitch. ;-)

I have the feeling this is a CSS or DHTML issue. An earlier version
of the script had a problem with the canvas as defined by a box would
actually be written to from another place on the page. The code which
interprets the x,y coordinates is working but the "pen" which writes
to the canvas is not.

Of course I am willing to consider other scripts. Basically the
requirements are that the user be able to use a mouse to write to a
canvas, the x,y coordinates may be saved as SVG or an array of values
and the "signature" be available should the user return to the page.
Our current script uses a combination of Flash and JS. We would
prefer a solution which uses only JS in order to make the form more
compatible with mobile devices.

Thanks!

 

[MC]

Yes.

<http://www.catb.org/~esr/faqs/smart-questions.html>


PointedEars
--
var bugRiddenCrashPronePieceOfJunk = (
navigator.userAgent.indexOf('MSIE 5') != -1
&& navigator.userAgent.indexOf('Mac') != -1
) // Plone, register_function.js:16

Make that... How to be a smart ass instead of how to ask smart questions...
Your comment definitely did not help or educate this sincere person.

 

[Tyrone Slothrop]

Make that... How to be a smart ass instead of how to ask smart questions...
Your comment definitely did not help or educate this sincere person.

As a veteran of Usenet, I am rather use to smart asses and flames. The
signal to noise ratio varies as to group and arrogance of its users
and is not an environment for the particulaly sensitive. However, I do
miss the days of Compuserve groups where the community was
exceptionally professional and had very clever ways to tell you were
an idiot, unlike PointyHead here. ;-)

No offense taken or given, well...

The world is better for the existance of the delete button. *click*

 

[David Mark]

See below.

As a veteran of Usenet,
LOL.

I am rather use to smart asses and flames. The
signal to noise ratio varies as to group and arrogance of its users

Your post is clearly noise.

and is not an environment for the particulaly sensitive. However, I do
miss the days of Compuserve groups where the community was
exceptionally professional and had very clever ways to tell you were
an idiot, unlike PointyHead here.  ;-)

Clearly you are the unprofessional idiot. PE just posted a link to
the FAQ. It's the exceptional *ignorance* of some users that
generates noise like yours. It's kind of a sustained high-pitched
whine.

 

[Tyrone Slothrop]

Without any idea of the WebPen code, the other scripts you are using
or the markup, explanations you get here will very likely be guesses.

Perhaps you can post snippets of the code in question? I believe that
posting such for research or critical analysis does not breech
copyright, though it might still be in breech of your licence.

I tried the demo on the WebPen site, I'm glad I'm not a user trying to
sign a form using a mouse, it looks nothing like my signature. Digital
signatures are more convenient and far more secure.

Hey! I have more info which should be revealing, at least to someone
who understands SVG and Raphael.

I started comparing the functional form with the non-functional form
with Firebug and realized the SVG that is being generated in the
second form is rather bizarre. As I remember M is the starting point,
L is the coordinate delimiter and the comma separates x and y
coordinates.

In the second example the y coordinate is completely out of whack. In
the second form the signature box is near the bottom of the page,
after something close to 80 fields. And where does that decimal enter
the picture? It is the same value in all cases. It appears that the
23 of 23## is extraneous as well.

<div id="sigbox"style="overflow: hidden; width: 450px; height: 150px;
background-color: rgb(247, 247, 247);"onmousedown=""><svg
height="152"width="452"version="1.1"xmlns="http://www.w3.org/2000/svg"><desc>Created
with Raphaël</desc><defs></defs><path
stroke-width="1"d="M219,9L219,10L219,11L219,12L219,13L220,15L220,16L220,19L221,20L221,21L221,22L222,22L222,23L222,24L223,25L223,26L223,27"stroke="#111111"fill="none"></path><rect
opacity="0.01"style="opacity:
0.01;"stroke="#000"fill="#ffffff"ry="0"rx="0"r="0"height="152"width="452"y="-1"x="-1"></rect></svg></div>
<div id="sigbox"style="overflow: hidden; width: 452px; height: 152px;
background-color: rgb(247, 247, 247);"onmousedown=""><svg
height="152"width="452"version="1.1"xmlns="http://www.w3.org/2000/svg"><desc>Created
with Raphaël</desc><defs></defs><path
stroke-width="1"d="M36,2340.8999938964844L37,2341.8999938964844L37,2342.8999938964844L38,2342.8999938964844L39,2343.8999938964844L39,2344.8999938964844L40,2344.8999938964844L41,2345.8999938964844L41,2346.8999938964844L42,2346.8999938964844L42,2347.8999938964844"stroke="#111111"fill="none"></path><path
stroke-width="1"d="M80,2379.8999938964844L81,2379.8999938964844L81,2380.8999938964844L82,2381.8999938964844L83,2381.8999938964844L83,2382.8999938964844L83,2383.8999938964844L84,2383.8999938964844L84,2384.8999938964844L85,2384.8999938964844"stroke="#111111"fill="none"></path><rect
opacity="0.01"style="opacity:
0.01;"stroke="#000"fill="#ffffff"ry="0"rx="0"r="0"height="152"width="452"y="-1"x="-1"></rect></svg></div>


Anyone have any insight here?

Thanks!