Forums - CSHTML5

Hello,

I try to convert and show a xaml canvas (only paths, but with ca. 60 paths) as html5-canvas. In my Visual Studio is to see the complete picture of paths (see the attachment). In the browser I see only some paths not all. But in the created .js file (my project js-file TestToHTML5-2.js) I can see that all paths where created. Where is the problem?

best regards
Andreas Moeller, Berlin, Germany
(sorry for my english. I hope you can understand me)

Hi,

Can you please try with Beta 8.2 ? It is supposed to improve accuracy of <Path/> control:

http://forums.cshtml5.com/viewforum.php?f=6

Thanks.
Regards,
JS-Support

Hi,
thank you very much. Now it is ok. the mistake seems to be remove.
Now I try to convert the next elements of my drawing. And the next problem is to convert a textblock-element when it has a rendertransform attribute. I get an exception. You can see it in my attachment screens. Of course I can remove it and then it works well. But the xaml code is created automatically and I don't want to do that every time.

best regards
Andreas

Hi,

Glad to know that the issue with lines is now fixed.

For RenderTransform, you can fix it by using the expanded form in XAML, like this:



Where you need to replace "................" with the appropriate stuff.

Thanks.
Regards,
JS-Support

Hi,
unfortunatly it doesn't work in my program. I get few mistakes (one for each attribute). Then the canvas will show but without to do the transform. Do you have any idea?

best regards

Andreas

Hi,

We were able to reproduce the problem. It will be fixed in the upcoming Beta 8.3, in a few days.

Thanks.
Regards,
JS-Support

Hi,

The issue is supposed to have fixed in Beta 8.3, available from:

http://forums.cshtml5.com/viewforum.php?f=6

Can you please confirm that it works fine?

Thank you.
Regards
JS-Support

Hello,

thank you for your fast reaction. I checked the new version. I changed some of the values of the attributes. It seems not all works fine.
First I changed only the value of rotation. It works correctly, but the position of my letter is not quite the same. Then I changed also the values of ScaleX/ScaleY and TranslateX/TranslateY. The result is not correct. You can see it in my attachment. Skew I didn't tested it because it seems not so important for my. Perhaps you can check and change it again, when you have the same effect.

best regards
Andreas Moeller

Thanks Andreas.

Can you please post your XAML as text so that we can copy/paste it into a test project?

Regards,
JS-Support

Hello,

is it ok so?

<TextBlock Foreground="red" Canvas.Left="272.687" Canvas.Top="2.210" FontSize="37.45">N
<TextBlock.RenderTransform>
<CompositeTransform ScaleX="1" ScaleY="1" SkewX="0" ScaleY="0" Rotation="-14" TranslateX="0" TranslateY="0" />
</TextBlock.RenderTransform>
</TextBlock>

best regards
Andreas

<TextBlock Foreground="red" Canvas.Left="272.687" Canvas.Top="2.210" FontSize="37.45">N
<TextBlock.RenderTransform>
<CompositeTransform ScaleX="1" ScaleY="1" SkewX="0" SkewY="0" Rotation="-14" TranslateX="0" TranslateY="0" />
</TextBlock.RenderTransform>
</TextBlock>

There was 1 mistsake (at SkewY).
If you need the arrow also, please write me. But the arrow has many paths...

Thank you. I will keep you updated asap.