{"id":1919,"date":"2020-05-19T10:45:24","date_gmt":"2020-05-19T08:45:24","guid":{"rendered":"https:\/\/aluminium-pliage-service.com\/?page_id=1919"},"modified":"2022-08-29T17:08:15","modified_gmt":"2022-08-29T15:08:15","slug":"test-dessin","status":"publish","type":"page","link":"https:\/\/aluminium-pliage-service.com\/test-dessin\/","title":{"rendered":"Test Dessin"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1919\" class=\"elementor elementor-1919\" data-elementor-settings=\"[]\">\n\t\t\t\t\t\t<div class=\"elementor-inner\">\n\t\t\t\t\t\t\t<div class=\"elementor-section-wrap\">\n\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4759c53b elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"4759c53b\" data-element_type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1c4a1cb8\" data-id=\"1c4a1cb8\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4c2453e3 elementor-align-right elementor-widget__width-auto elementor-fixed elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-button\" data-id=\"4c2453e3\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;fixed&quot;}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t<a href=\"https:\/\/aluminium-pliage-service.com\/shop1\" class=\"elementor-button-link elementor-button elementor-size-sm\" role=\"button\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-text\">Boutique en ligne<\/span>\n\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b32405b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b32405b\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3765578\" data-id=\"3765578\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-89b8da1 elementor-widget elementor-widget-html\" data-id=\"89b8da1\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<script type=\"text\/javascript\" src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/3.2.1\/jquery.min.js\"><\/script>\r\n        <script>\r\n        let draw =  {\r\n        init:function(){\r\n            self=this;\r\n            this.clickX = new Array();\r\n            this.clickY = new Array();\r\n            this.clickDrag = new Array();\r\n            this.paint;\r\n            this.canvasDiv = document.getElementById('canvasDiv');\r\n            this.canvas = document.createElement('canvas');\r\n            this.canvas.setAttribute('width', \"500\");\r\n            this.canvas.setAttribute('height', \"500\");\r\n            this.canvas.setAttribute('id', 'canvas');\r\n            this.canvasDiv.appendChild(this.canvas);\r\n            if(typeof G_vmlCanvasManager !== 'undefined') {\r\n                this.canvas = G_vmlCanvasManager.initElement(this.canvas);\r\n            }\r\n            this.context = canvas.getContext(\"2d\");\r\n \r\n            $('#canvas').mousedown(function(e){\r\n                var mouseX = e.pageX - this.offsetLeft;\r\n                var mouseY = e.pageY - this.offsetTop;\r\n                  \r\n                this.paint = true;\r\n                draw.addClick(e.pageX - this.offsetLeft, e.pageY - this.offsetTop);\r\n                draw.redraw();\r\n            });\r\n          \r\n            $('#canvas').mousemove(function(e){\r\n                if(this.paint){\r\n                draw.addClick(e.pageX - this.offsetLeft, e.pageY - this.offsetTop, true);\r\n                draw.redraw();\r\n                }\r\n            });     \r\n          \r\n            $('#canvas').mouseup(function(e){\r\n                this.paint = false;\r\n            });\r\n          \r\n            $('#canvas').mouseleave(function(e){\r\n                this.paint = false;\r\n            });\r\n        },\r\n        addClick:function(x, y, dragging){\r\n            this.clickX.push(x);\r\n            this.clickY.push(y);\r\n            this.clickDrag.push(dragging);\r\n        },\r\n        redraw:function(){\r\n                this.context.clearRect(0, 0, this.context.canvas.width, this.context.canvas.height); \/\/ Clears the canvas\r\n          \r\n                this.context.strokeStyle = \"#333\";\r\n                this.context.lineJoin = \"round\";\r\n                this.context.lineWidth = 8;\r\n          \r\n                for(var i=0; i < this.clickX.length; i++) {      \r\n                    this.context.beginPath();\r\n                    if(this.clickDrag[i] && i){\r\n                            this.context.moveTo(this.clickX[i-1], this.clickY[i-1]);\r\n                    }else{\r\n                            this.context.moveTo(this.clickX[i]-1, this.clickY[i]);\r\n                    }\r\n                    this.context.lineTo(this.clickX[i], this.clickY[i]);\r\n                    this.context.closePath();\r\n                    this.context.stroke();\r\n                }\r\n        },\r\n                clear:function(){\r\n            this.context.clearRect(0, 0, this.canvas.width, this.canvas.height);\r\n            this.clickX = new Array();\r\n            this.clickY = new Array();\r\n            this.clickDrag = new Array();\r\n        }\r\n        }\r\n \r\n        document.addEventListener(\"DOMContentLoaded\", () => {\r\n        draw.init();\r\n    });\r\n        <\/script>\r\n<div class=\"cadre\" id=\"canvasDiv\"><\/div>\r\n        <input id=\"clearCanvasSimple\" type=\"button\" onclick=\"draw.clear()\" width=100 value=\"Effacer\">\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Boutique en ligne<\/p>\n","protected":false},"author":12,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1919","page","type-page","status-publish","hentry"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/aluminium-pliage-service.com\/nov-apijson\/wp\/v2\/pages\/1919","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aluminium-pliage-service.com\/nov-apijson\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aluminium-pliage-service.com\/nov-apijson\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aluminium-pliage-service.com\/nov-apijson\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/aluminium-pliage-service.com\/nov-apijson\/wp\/v2\/comments?post=1919"}],"version-history":[{"count":8,"href":"https:\/\/aluminium-pliage-service.com\/nov-apijson\/wp\/v2\/pages\/1919\/revisions"}],"predecessor-version":[{"id":4647,"href":"https:\/\/aluminium-pliage-service.com\/nov-apijson\/wp\/v2\/pages\/1919\/revisions\/4647"}],"wp:attachment":[{"href":"https:\/\/aluminium-pliage-service.com\/nov-apijson\/wp\/v2\/media?parent=1919"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}