Skia DOM (#886)

Author: wcandillon

docs/docs/group.md

@@ -247,13 +247,12 @@ const Clip = () => {
   return (
     <Canvas style={{ flex: 1 }}>
       <Paint ref={paint}>
+        <Blur blur={20} />
         <ColorMatrix
           matrix={[
             1, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 18, -7,
           ]}
-        >
-          <Blur blur={20} />
-        </ColorMatrix>
+        />
       </Paint>
       <Group color="lightblue" layer={paint}>
         <Circle cx={0} cy={128} r={128 * 0.95} />

docs/docs/image-filters/assets/color.png

@@ -44,4 +44,4 @@ const ComposeImageFilter = () => {
 };
 ```
 
-![Clamp Blur](assets/color.png)
+<img src={require("/static/img/image-filters/composing.png").default} width="256" height="256" />

docs/docs/image-filters/overview.md

@@ -4,12 +4,12 @@ import {
   BlendMode,
   Canvas,
   Circle,
-  enumKey,
   Group,
   Path,
   Skia,
   Text,
   useFont,
+  enumKey,
 } from "@shopify/react-native-skia";
 
 const r = 50;