From 8b5d5eb702dd610997955a902525561f4ae79fc1 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?St=C3=A9phaneDucasse?= Date: Mon, 6 May 2024 22:55:23 +0200 Subject: [PATCH] fixing size --- Chapters/bloc/element.md | 22 +++++++++++----------- 1 file changed, 11 insertions(+), 11 deletions(-) diff --git a/Chapters/bloc/element.md b/Chapters/bloc/element.md index d23108a..86b85f7 100644 --- a/Chapters/bloc/element.md +++ b/Chapters/bloc/element.md @@ -70,7 +70,7 @@ While the Alexandrie canvas provides a foundational set of building drawing primitives, Bloc offers a richer library of pre-defined shapes and the flexibility to construct even more intricate geometries. -![Base geometries.](figures/allGeometry.png) +![Base geometries.](figures/allGeometry.png width=80) * **Annulus**: `BlAnnulusSectorGeometry new startAngle: 225; endAngle: 360; innerRadius: 0.3; outerRadius: 0.9);` * **Bezier**: `BlBezierCurveGeometry controlPoints: { 5@0. 25@80. 75@30. 95@100 }` @@ -93,7 +93,7 @@ painting is a subclass of `BlPaint`, and one of the three: - linear gradient color - radial gradient color -![Border color type.](figures/bordercolortype.png) +![Border color type.](figures/bordercolortype.png width=80) Your border opacity can be specified as well: `opacity: 0.5;` @@ -106,7 +106,7 @@ You also have a pre-defined option, available in a single call: - **dashed** - **dashed small** -![Border dash.](figures/multipletriangledash.png label=fig:borderdash) +![Border dash.](figures/multipletriangledash.png label=fig:borderdash width=80) If the path is not closed, The style extent of your border can be defined with @@ -121,7 +121,7 @@ the join as shown in Figure *@fig:jointype@*: - **bevel join** - **mitter join** -![Border join type.](figures/borderjointype.png label=fig:jointype) +![Border join type.](figures/borderjointype.png label=fig:jointype width=80) You have two options to define your border: @@ -153,7 +153,7 @@ your element), centered, or inside the geometry of the element. The final size In Figure *@fig:outskirts@*, the same exact star is drawn 3 times. The only difference is the outskirts definition between those 3. -![Outskirts.](figures/multipletriangleoutskirts.png label=fig:outskirts) +![Outskirts.](figures/multipletriangleoutskirts.png label=fig:outskirts width=80) If we specify outskirts inside, visual bound and geometry bounds will be the same. But if the outskirts is outside, then visual bounds are larger than @@ -193,11 +193,11 @@ BlElement new openInSpace ``` -![Background color.](figures/backgroundcolortype.png) +![Background color.](figures/backgroundcolortype.png width=80) ### Element effect -You can get the list of all the effects available executing: `BlElementEffect allSubclasses` +You can get the list of all the effects available by executing: `BlElementEffect allSubclasses` #### Simple shadow. @@ -212,7 +212,7 @@ BlElement new (BlSimpleShadowEffect color: Color orange offset: -10 @ -20) ``` -![Simple shadow.](figures/simpleshadow.png) +![Simple shadow.](figures/simpleshadow.png width=80) Try the following variation. @@ -234,14 +234,14 @@ BlElement new effect: (BlGaussianShadowEffect color: Color yellow offset: 10@20 width: 5) ``` -![Gaussian shadow.](figures/gaussianshadow.png label=fig:gaussian) +![Gaussian shadow.](figures/gaussianshadow.png label=fig:gaussian width=80) ### Element opacity The element opacity is a value between 0 and 1, 0 meaning completely transparent. You can apply opacity to a background, a border, or to your whole element. -![Element opacity.](figures/elementwitopacity.png) +![Element opacity.](figures/elementwitopacity.png width=80) ### Element transformation @@ -287,7 +287,7 @@ aContainer addChild: node. aContainer forceLayout. ``` -![Transform example.](figures/transformexample.png width=60&label=fig:transform) +![Transform example.](figures/transformexample.png width=40&label=fig:transform) transform is something extra that is applied on top of position. For example if you want to have a short of animation, you would use transform as it is not