Fabric js video to svg el

Yoyo Bu
Javascript

Bonjour a tous,

Je fais un editeur d'image avec fabric js.

J'aimerais rajouter la possibiliter de mettre une video. Et apres quand je convertit le canvas en svg la video s'affiche comm ca :

<svg version="1.1" class="center-block" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="600"  style="border: 1px solid black;">
    <g>
        <g transform="translate(151,104) scale(1,1)">
            <rect x="0" y="0" width="300" height="200"></rect>
            <foreignObject x="-151" y="-104" width="500" height="400">
                <video width="300" height="200" controls="" style="position: fixed; left: 151px; top: 104px;">
                    <source src="http://techslides.com/demos/sample-videos/small.mp4" type="video/mp4">
                </video>
            </foreignObject>
        </g>
    </g>
</svg>

Si vous aurez une petite idée, ca searit sympa de me repondre :p

A+

6 réponses

Grafikart
Réponse acceptée

Alors là tu me pose une colle. Il faudrait voir dans le mécanisme d'export si il y a un truc qui "nettoie" le SVG de ses foreignObject (il faut regarder le code source de fabric du coup) ou voir si une option permet d'expoert direct le SVG original.

Yoyo Bu
Auteur

Quelqun ??

Grafikart

Je ne comprends pas bien la question

Yoyo Bu
Auteur

En fait, j'ai fait un editeur d'image avec fabric js.
La seule fonction qu'il me manque est la possibiliter de mettre une video.
Sur les demos de fabric js on voit la possibiliter de mettre une video mais quqnd on veut sauver l'image(pour moi svg), ca affiche juste une sorte de capture de le video qui apparaissait a ce moment la.
Comme je l'ai dit il y a un moyen d'afficher une video dans un svg. Devraije modifier le code de fabric js pour que il detecte la video et qu'il la sauve de cette maniere la ??
J'espere que vous m'avais compris :)

Grafikart

Quand tu parle de sauvegarder l'image ça exporte en quel format ?

Yoyo Bu
Auteur

J'aimerais sauvegarder en svg