Bob Thulfram : I have designed the SVGCanvas plugin to make it possible for you to use SVG string directly for things that I haven't added yet for the moment. So, if you want something that isn't available in the menu now, you can simply "paste" the string. And if you have JS embedded properly in that string (declared properly with [CDATA[ and all), I don't see why you can't use it . There's one catch, though : your script can only manipulate the index.html page, and the SVG DOM. Everything else (apart from some other plugins) in C2 is rasterized on the , so you won't be able to script that.

Ashley: that was exaclty what I was planning to use <img src="smileys/smiley2.gif" border="0" align="middle" />.

harrio : I can code a plugin for that (in a week or two), but I need to clearly understand what you want to do.

Rephrase me if I'm wrong : you want to load a PDF inside C2, display it, do something like a 'Ctrl+F' inside (automatically), and find the text inside it ?

Ugotsta : it's great that you find a use for the plugin !

I need to add some basic filters by default to that plugin, so thanks for nudging me <img src="smileys/smiley2.gif" border="0" align="middle" />.

I'm also going to add the possibility to dump the whole SVG canvas at once inside the 'regular' canvas (the one from C2). That means that after the first rendering, no more penalty hit !

mrthehun : does github works for you, or is it also blocked?

And, remember people, it's a behavior, not a plugin, so straight to the /behavior folder ! <img src="smileys/smiley2.gif" border="0" align="middle" />

Here's a behavior which allows you to flip a Sprite on his side (it was sitting on my harddrive, nearly finished, I just needed to test it on Chrome...) !

To make it work, you need to have a Sprite with two frames, when the first frame is flipped, the second one appears behind it.

4 consecutives screenshots to show the effet (it's more pronounced in Firefox than Chrome, I need to check the perspective).

<img src="http://dl.dropbox.com/u/1412774/C2FlipTest/demo.png" border="0">

It's also working on iOS (I just tested it on an iPad 1st gen with iOS 5.1).

In the next release, you'll have the possibility to se the perspective, axis (left/right,up/down), and back color.

I also need to make it work in Opera...

The demo : http://dl.dropbox.com/u/1412774/C2FlipTest/index.html

The .capx : http://dl.dropbox.com/u/1412774/C2FlipTest/C2FlipTest.capx

The plugin : http://dl.dropbox.com/u/1412774/C2FlipTest/pode_flippy.0.1.zip

One cool thing is that I can leverage the method to add other CSS2/CSS3 effects to objects in C2. So in the next few weeks, you are going to see some new effects ! <img src="smileys/smiley2.gif" border="0" align="middle">

AJTilley: even if you can manage your Kickstarter campaign from anywhere around the world, you need to have a US citizen, with a US bank account registered (contract with Amazon, among other things, to check there's no fraudulent activity related to the money transfer).

NRABrazil:

I didn't test all the way to include an external SVG in my plugin (instead of directly dumping the content of the svg, you want to just paste the URL).

One way to do that and that I have tested, is to paste the following string :

"<img src='http://dl.dropbox.com/u/18104402/Contorno_do_mapa_do_Brasil.svg'>"

instead of just

"http://dl.dropbox.com/u/18104402/Contorno_do_mapa_do_Brasil.svg"

I have tested it on FF and Chrome, and it works.

Edit: by the way, the 'proper' way to embed it in SVG is to use the following string

"<image x='10' y='20' width='100%' height='100%' xlink:href='http://dl.dropbox.com/u/18104402/Contorno_do_mapa_do_Brasil.svg'/>"

But since browser's parsers are pretty flexible, the previous strings should work also <img src="smileys/smiley2.gif" border="0" align="middle" />.

NRABrazil: when I try to open the file, it says that I'm missing the Touch2 plugin. Which one is it ?

Here's a small addition I have done to Canvas. The code is cleaner than what I send R0j0hound before, so I put here the archive.

If R0j0hound want to integrate it in the main branch, here's what I have done.

The code for the floodfilling is used from there http://www.williammalone.com/articles/html5-canvas-javascript-paint-bucket-tool/.

I also used the color.js helper from there http://www.phpied.com/rgb-color-parser-in-javascript/, because the algo uses the RGB value of a color, not a textual name (and there's no easy way to translate between the two in the HTML/JS world).

The code is pasted at the top of the runtime.js file. I added a "flood fill" action to the edittime.js, with the ID(22). It takes (x,y) and a color name as parameter. The floodfill is nearly instantaneous, but you must use images with clean edges !

You can see in the demo here how to do a "coloring book" app for kids.

(And you can see why you need a clean edges image !)

<img src="http://dl.dropbox.com/u/1412774/CanvasFloodFillDemo/demo.png" border="0">

The .capx :

http://dl.dropbox.com/u/1412774/CanvasFloodFillDemo/CanvasFloodFillDemo.capx

The demo : http://dl.dropbox.com/u/1412774/CanvasFloodFillDemo/index.html

The plugin : http://dl.dropbox.com/u/1412774/CanvasFloodFillDemo/canvas.modPode.0.1.zip

As always, when I add some code to someone's plugin, I don't claim anything on his realisation, you need to thanks the original author here, R0j0hound !

0plus1 : I posted a new build in the first post.