Draw my think

Naučíme tě pracovat na home-office.

Zjistit více...

Ostatní

        <script src="jquery-3.2.1.min.js" ></script>
        <script src="fabric.min.js"></script>
        <script src="http://intridea.github.io/sketch.js/lib/sketch.js" ></script>
        <script src="http://intridea.github.io/sketch.js/lib/sketch.min.js"></script>
        
        
        <div class="tools">
            <a href="#colors_sketch" data-download="png" style="float: right; width: 100px;">Download</a>
        </div>
        <canvas id="colors_sketch" width="800" height="300"></canvas>
        
        <button onclick="myFunction()">Click me</button>
        <script type="text/javascript">
        $(function() {
            $.each(['#f00', '#ff0', '#0f0', '#0ff', '#00f', '#f0f', '#000', '#fff'], function() {
            $('.tools').append("<a href='#colors_sketch' data-color='" + this + "' style='width: 10px; background: " + this + ";'>" + this +"</a> ");
            });
            $.each([3, 5, 10, 15], function() {
            $('.tools').append("<a href='#colors_sketch' data-size='" + this + "' style='background: #ccc'>" + this + "</a> ");
            });
            $('#colors_sketch').sketch();
        });
        
    function myFunction() {
        var canvas1 = new fabric.Canvas('colors_sketch');

        var canvasJSON = JSON.stringify(canvas1);
        alert(canvasJSON);
        var canvas2 = new fabric.Canvas();
        canvas2.loadFromJSON(canvasJSON);
        canvas2.renderAll();
        
        $('#colors_sketch').sketch();
    }
    </script>

Neformátovaný

Přidáno: 21.5.2017
Expirace: Neuvedeno

Autor: Jan Pekala