Image not showing

[oprogfrogo]

The canvas is there but the image to draw is not showing up. I noticed on your demo, the background-position is overwritten and removed by the JS. But in my firebug, I see that the background-position is -9999px -9999px:

mc-canvas {

background-attachment: scroll;
background-clip: border-box;
background-color: #FFFFFF;
background-image: url("motionCaptcha-shapes.jpg") !important;
background-origin: padding-box;
background-position: -9999px -9999px;
background-repeat: no-repeat;
background-size: auto auto;
height: 154px;
width: 220px;

}

[tinkutharasing]

i got same issue.

[rchampa]

I have the same problem, any solution?

[tinkutharasing]

How it came back?

Sent from my iPad

On Jun 30, 2014, at 4:46 AM, Ricardo [email protected] wrote:

I have the same problem, any solution?

—
Reply to this email directly or view it on GitHub.

[rchampa]

I finally give up :(

[iquidus]

background-image: url("motionCaptcha-shapes.jpg") !important;

Is the motionCaptcha-shapes.jpg in the correct location? If not, it will not be able to display the shape to draw.

Edit: I have the latest version working fine in expressjs (using jade for templating)

[asologor]

Had the same problem. All shapes works properly except "caret". In my case it happens due to conflict with bootstrap.css, where also defined .caret class selector.
I suppose that in this case I can just remove 'caret' from defaults.shapes array or reset bootstrap's styles for .motion-captcha-canvas.caret