Raphael library update?
Eno
eric's raphael library and process.js, which I mixed them up in a
tiddlywiki well.
Some drawbacks are that both of them were not kept up to date with
current versions, e.g. Raphael library is now 1.3.1, but eri's is
ported from v. 0.6.3.
and process.js is now up to v0.5.0.
I tried to replace the new one in RaphaelPlugin tiddler but type error
noted. more work needed to be done to make it run, I guessed.
Hope to see they can be updated as new versions available.
best reguards,
Eno
PMario
You can take the minified version of raphael, put it into a tiddler
and tag it systemConfig. Should work immediately. The older version
has a different syntax. It is not compatible with the demos at
tiddlytools. As far as I have seen also the internal structure (svg)
has been changed since 0.6.3
regards m
Eno
what is minified version, how do you create it?
can you provide a tiddlywiki for me to import it along with the
examples ?
best regards,
Eno
Eno
Yes, I noted it following your instruction, I downloaded the minified
library from the website and pasted it to a systemConfig tiddler but
afterward, it still broke eric's examples.
Maybe it need different ways of programming other than eric's way of
his examples, I cann't figure out, can your provide basic demo
examples of the how-to.
Best regards,
Eno
On 2月23日, 下午7時49分, shavinder <shavinderpalsi...@gmail.com> wrote:
> In a minified file all the needless spaces are removed in order to
> make them lightweight. One can minify any javascript code. For example
> here:http://jscompress.com/
>
> You can download the minified version of Raphael from its own site
> from Top Right Link. Its 57 Kb:http://raphaeljs.com/
PMario
As I wrote. The 'old' library is different. As far as I can remember,
the author changed, the format, like paths are configured in svg. SVG
with the new library works according to the svg standard.
Some, examples on erics page, won't work with the new library, because
of this. But the text rotate worked well. So if the text rotate
doesn't work, there is something wrong with the imported library.
!Important
*for this example you will need InlineJavaScript[3] plugin for testing
*I describe the procedure for http://raphaeljs.com/chart.html example.
*You can go to raphaels homepage [1].
*There is the 57kByte version, which is the minified one.
*Download [2] and put it into a tiddler and tag it systemConfig.
**I think you did this already.
**Don't forget to reload the tw.
*There are some examples, on the raphael page.
**Open the one, which is closest to your needs.
*(I have a german FireFox, thats why your commands may be different)
*rightclick the open example, and open the site sourcecode.
**There you can see, how the author did the programming.
*For testing we use the
<body>
<div id="holder"></div>
<p id="copy">Demo of <a href="http://raphaeljs.com/">Raphaël</a>—
JavaScript Vector Library</p>
</body>
*change body to html. similar to the following
<html>
<div id="holder"></div>
</html>
*and copy it to your tiddler.
*copy <script>
_the code_
</script> into the same tiddler after the </html> tag.
** including <script>
*change the first script
**from: <script type="text/javascript" charset="utf-8">
**to:
<script>
_the code_
</script>
*remove the line. window.onload = function () {
**it is not needed
*Don't forget to remove the very last };
**it belongs to the window.onload and is not needed
*there should be something like
<html>
<div id="holder"></div>
</html>
<script>
_the code_
</script>
inside your tiddler now and if you save it there is the example, if
everything is ok with the raphael library.
__but__ for interacting with tiddlers, there is much more coding
needed. This is only a demo, with random data.
*My rapahel lib starts like this:
window.Raphael=(function(){var a
*I puted window. in front, because I read somewhere, that IE needs it,
but don't know.
I used this example, because there is not much tweaking needed. For
the others, may be there will be more things to do.
Hope this helps.
Which one is the example, that you are interested in?
regards mario
[1] http://raphaeljs.com/
[2] http://github.com/DmitryBaranovskiy/raphael/blob/master/raphael-min.js?raw=true
[3] http://www.TiddlyTools.com/#InlineJavascriptPlugin
Eno
It worked by using the new scripts and example scripts.
I tested it by using the "Polar clock" example. The current script is
changed, quite different from eric's. His script used different method
call ( r.path(param).moveT(...)), It caused "TypeError: R[0] is
undefined" error, but "Text rotation" still worked.
There are still many tricks for other demon scripts, not all can be
imported plainly as "Polar clock" does as I tried several of them, may
you provide successful modifications for me ?
Best regards,
Eno
> [2]http://github.com/DmitryBaranovskiy/raphael/blob/master/raphael-min.j...
Eno
I put my personal modification on here: http://dl.dropbox.com/u/4148870/tkgraphics.html
you can see what I've done and what not done yet or won't work while
trying.
regards,
Eno
PMario
Ball:
var R = Raphael(holder, 600, 400), x = 310, y = 180, r = 150;
^^^^^^^^
//}}}_<- there is a space here. remove it!!
Then view source should work
-m