|
I want to implement some grafic-objects in my IntraWeb-Application
Last year you announced a IWCanvas component in V14 In my distribution of V14.2.7 I am missing this
– using this it will be perfect for me ( - I made some handcrafted examples - )
But I could not place it in the <Body>-part of the IWForm (extra code I can place in IWForm.JavaScript, but this appears out of HTML-<Body>, but it is usable also)
For me IWCanvas only needs to have the following the following properties:
Name:String
FiendlyName:String
Height:String
Width:String
ContextName:String
JavaScript: TStringList
If it is possible to place it in a IWRegion we can use this to define
Left
Top
IWCanvas.RenderHTML should create
<canvas id="RainbowStrokeStyleSample1" width=320px height=120px> </canvas>
<script> //JavaScript
var context = document.getElementById('RainbowStrokeStyleSample1').getContext('2d');
// 1. set strokeStyle to a linear gradient value
var rainbowGradient = context.createLinearGradient (0, 60, 320, 60);
rainbowGradient.addColorStop (0, 'red');
rainbowGradient.addColorStop (0.25, 'yellow');
rainbowGradient.addColorStop (0.5, 'green');
rainbowGradient.addColorStop (0.75, 'blue');
rainbowGradient.addColorStop (1, 'violet');
context.strokeStyle = rainbowGradient;
// 2. draw a kind of half cirlce on the left
context.beginPath();
context.moveTo (60, 10);
context.lineTo (60, 110);
context.bezierCurveTo (0, 110, 0, 10, 60, 10);
context.stroke();
context.closePath();
// 3. draw a rectangle on the right top
context.strokeRect (80, 10, 230, 30);
// 4. set the text font and write 'Hello!' on the right bottom of the canvas
context.font = '60pt sans-serif';
context.strokeText ('Hello!', 80, 110);
</script>
Currently I need no Events for IWCanvas – but if events are inherited it can be useful too
I think it should not be not very complicated for you to implement IWCanvas in IntraWEB.V14
Please give me feedback about this proposal to enable me to plan my next steps- If you need some tester – I am willing to do this job
-
Or do you have an idea to solve this in an alternative way ?
Thankyou in advance
|
