Smalltalk › Frameworks & Tools › Moose

SVG example added

_‹ Previous Topic Next Topic _›

Classic

List

Threaded

7 messages Options

abergel

SVG example added

Hi!

We have exposed the SVG examples in the Roassal example browser.

Some of you may be interested in this

Cheers,

Alexandre

--
_,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:
Alexandre Bergel http://www.bergel.eu
^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.

_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev

Peter Uhnak

Re: SVG example added

Cool to see progress on SVG!

I wanted to use SVG few days ago and ran into some issues...

Firstly arc isn't supported (A/a), this can be remedied with bezier, but still.

Secondly (and for my needs more importantly) RTResizeable (RTResizable) doesn't work with SVG.

I saw that RTSVGPath supports scale:, so maybe extent: could internally call scale: so it is uniform with other elements?

I would much rather use SVG; now I have to make custom Trachel shapes and draw with Athens, or make crazy shape compositions.

Peter

On Mon, Apr 6, 2015 at 12:44 AM, Alexandre Bergel <[hidden email]> wrote:

Hi!

We have exposed the SVG examples in the Roassal example browser.

Some of you may be interested in this

Cheers,
Alexandre
--
_,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:
Alexandre Bergel http://www.bergel.eu
^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.

_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev

_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev

Tudor Girba-2

Re: SVG example added

In reply to this post by abergel

Great.

Could we modify the icons for the other examples to also use SVG instead of bitmaps?

Cheers,

Doru

On Mon, Apr 6, 2015 at 12:44 AM, Alexandre Bergel <[hidden email]> wrote:

Hi!

We have exposed the SVG examples in the Roassal example browser.

Some of you may be interested in this

Cheers,
Alexandre
--
_,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:
Alexandre Bergel http://www.bergel.eu
^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.

_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev

www.tudorgirba.com

"Every thing has its own flow"

_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev

abergel

Re: SVG example added

Could be. But that would be quite some work. We can generate SVG from a roassal visualization. However, we do not produce SVG Path. The SVG examples, are actually SVG path examples. We should rename the example.

Alexandre

_,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:
Alexandre Bergel http://www.bergel.eu
^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.

On Apr 6, 2015, at 3:22 AM, Tudor Girba <[hidden email]> wrote:

Great.

Could we modify the icons for the other examples to also use SVG instead of bitmaps?

Cheers,
Doru

On Mon, Apr 6, 2015 at 12:44 AM, Alexandre Bergel <[hidden email]> wrote:
Hi!

We have exposed the SVG examples in the Roassal example browser.

<Screen Shot 2015-04-05 at 7.40.01 PM.png>

Some of you may be interested in this

Cheers,
Alexandre
--
_,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:
Alexandre Bergel http://www.bergel.eu
^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.

_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev

--
www.tudorgirba.com

"Every thing has its own flow"

_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev

_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev

abergel

Re: SVG example added

In reply to this post by Peter Uhnak

Firstly arc isn't supported (A/a), this can be remedied with bezier, but still.

Ok, we will have a look at this.

Secondly (and for my needs more importantly) RTResizeable (RTResizable) doesn't work with SVG.

I saw that RTSVGPath supports scale:, so maybe extent: could internally call scale: so it is uniform with other elements?

Do you have a short example we can play with?

I would much rather use SVG; now I have to make custom Trachel shapes and draw with Athens, or make crazy shape compositions.

We need to see this.

Creating trachel and roassal shapes is rather easy. Which shapes do you actually need?

Alexandre

On Mon, Apr 6, 2015 at 12:44 AM, Alexandre Bergel <[hidden email]> wrote:
Hi!

We have exposed the SVG examples in the Roassal example browser.

<Screen Shot 2015-04-05 at 7.40.01 PM.png>

Some of you may be interested in this

Cheers,
Alexandre
--
_,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:
Alexandre Bergel http://www.bergel.eu
^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.

_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev

_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev

_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev

Peter Uhnak

Re: SVG example added

Secondly (and for my needs more importantly) RTResizeable (RTResizable) doesn't work with SVG.
I saw that RTSVGPath supports scale:, so maybe extent: could internally call scale: so it is uniform with other elements?

Do you have a short example we can play with?

~~~~~~~~~~~~~~

|v e p|

v := RTView new.

p := 'M 1 0 Q 2 0 2 1 Q 2 2 1 2 Q 0 2 0 1 Q 0 0 1 0'.

e := RTSVGPath new path: p; scale: 10; element.

e @ RTResizeable.

v add: e.

~~~~~~~~~~~~~

However there is related issue that this is a path and not an actual SVG shape - so if the shape has visual border than it scales as well which is unwanted.

So for the moment I rest the case --- I can get back to it in the mid-summer.

I would much rather use SVG; now I have to make custom Trachel shapes and draw with Athens, or make crazy shape compositions.

We need to see this.
Creating trachel and roassal shapes is rather easy. Which shapes do you actually need?

For example we were making more arrow heads.

Or various icons that I've ended up using PNG/RTBitmap

(this is also a good example related to composite shapes and resizing --- both the blue containers and shapes inside it are independently resizable.

But again, I have a working solution, so this is a more long-term plans discussion.

Peter

_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev

abergel

Re: SVG example added

> ~~~~~~~~~~~~~~
> |v e p|
> v := RTView new.
> p := 'M 1 0 Q 2 0 2 1 Q 2 2 1 2 Q 0 2 0 1 Q 0 0 1 0'.
> e := RTSVGPath new path: p; scale: 10; element.
> e @ RTResizeable.
>
> v add: e.
>
> v
> ~~~~~~~~~~~~~
>
> However there is related issue that this is a path and not an actual SVG shape - so if the shape has visual border than it scales as well which is unwanted.
> So for the moment I rest the case --- I can get back to it in the mid-summer.

Oh I see!

I have added #borderWidthConstant to keep the border width to 1 pixel, independently of the scale. Does this help?

|v e p|
v := RTView new.
p := 'M 1 0 Q 2 0 2 1 Q 2 2 1 2 Q 0 2 0 1 Q 0 0 1 0'.
e := RTSVGPath new path: p; scale: 40; borderWidthConstant; element.
e @ RTResizeable.
v add: e.
v

Regarding the RTResizeable, we can discuss about this when we will meet at ESUG

> For example we were making more arrow heads.

Exciting!
But, do you have these shapes? If yes, can you send me the code to include them in the main release?

> Or various icons that I've ended up using PNG/RTBitmap
> <2015-04-29_12:37:25.png>
> (this is also a good example related to composite shapes and resizing --- both the blue containers and shapes inside it are independently resizable.

Is this screenshot a working result you have? This is impressive!
It would be great to have these icons somewhere. Maybe in RTIcon, class side. Are the icons open source?

> But again, I have a working solution, so this is a more long-term plans discussion.

This is all highly exciting!

Cheers,
Alexandre

--
_,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:
Alexandre Bergel http://www.bergel.eu
^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;._,.;:~^~:;.

_______________________________________________
Moose-dev mailing list
[hidden email]
https://www.iam.unibe.ch/mailman/listinfo/moose-dev