From 52450fb979fcaedd0b01f7b07828a09ff56338a0 Mon Sep 17 00:00:00 2001 From: franknstayn Date: Wed, 19 Jan 2022 19:30:13 +0800 Subject: [PATCH] update short download --- .../download_pages/shorts.blade.php | 238 +++++++++--------- 1 file changed, 126 insertions(+), 112 deletions(-) diff --git a/resources/views/admin_pages/download_pages/shorts.blade.php b/resources/views/admin_pages/download_pages/shorts.blade.php index e9c2e5a..ff3d317 100644 --- a/resources/views/admin_pages/download_pages/shorts.blade.php +++ b/resources/views/admin_pages/download_pages/shorts.blade.php @@ -366,71 +366,79 @@ } zoomIn(frontCanvas, fb_width, fb_height, "Left"); - var content = frontCanvas.toSVG(); - document.getElementById('svgFrontContent').innerHTML = content; - var el_id = document.getElementById('svgFrontContent'); - - var getAllImageTag = el_id.getElementsByTagName('image'); - for (var i=0; i < getAllImageTag.length ; i++) { - var getElements = getAllImageTag[i]; - var getXAttribute = getElements.getAttribute('x'); - var getYAttribute = getElements.getAttribute('y'); - getElements.removeAttribute('x') - getElements.removeAttribute('y'); - getElements.setAttribute("transform", "matrix(1 0 0 1 "+getXAttribute+" "+getYAttribute+")"); - } - - var allGs = el_id.getElementsByTagName('g'); - var consolidatedContents1 = []; - item = {} - - for (var i=0; i < allGs.length ; i++) { - var finalXvalue = 0; - var finalYvalue = 0; - var gElem = allGs[i]; - + try { + var content = frontCanvas.toSVG(); + document.getElementById('svgFrontContent').innerHTML = content; - var children = gElem.childNodes; + var el_id = document.getElementById('svgFrontContent'); - var xforms = gElem.getAttribute('transform'); - // console.log(xforms); - var parts = /translate\(\s*([^\s,)]+)[ ,]([^\s,)]+)/.exec(xforms); - - var firstX = parts[1], - firstY = parts[2]; - // x="3009.299" y="363.447" - var defaultXvalue = fb_x; - var defaultYvalue = fb_y; - - //console.log(firstX, firstY); - var finalXvalue = Number(firstX) + Number(defaultXvalue); - var finalYvalue = Number(firstY) + Number(defaultYvalue); - //console.log(finalXvalue, finalYvalue); - gElem.transform.baseVal.getItem(0).setTranslate(finalXvalue,finalYvalue); - // console.log(gElem.transform.baseVal.getItem(0)); - var s = new XMLSerializer(); - - var str = s.serializeToString(gElem); - - // this for the fucking excess of curve text - var scale = /scale\(\s*([^\s,)]+)[ ,]([^\s,)]+)/.exec(xforms); - - if(scale != null){ - consolidatedContents1.push(str); + var getAllImageTag = el_id.getElementsByTagName('image'); + for (var i=0; i < getAllImageTag.length ; i++) { + var getElements = getAllImageTag[i]; + var getXAttribute = getElements.getAttribute('x'); + var getYAttribute = getElements.getAttribute('y'); + getElements.removeAttribute('x') + getElements.removeAttribute('y'); + getElements.setAttribute("transform", "matrix(1 0 0 1 "+getXAttribute+" "+getYAttribute+")"); + } + + var allGs = el_id.getElementsByTagName('g'); + var consolidatedContents1 = []; + item = {} + + for (var i=0; i < allGs.length ; i++) { + var finalXvalue = 0; + var finalYvalue = 0; + var gElem = allGs[i]; + + + var children = gElem.childNodes; + + var xforms = gElem.getAttribute('transform'); + // console.log(xforms); + var parts = /translate\(\s*([^\s,)]+)[ ,]([^\s,)]+)/.exec(xforms); + + var firstX = parts[1], + firstY = parts[2]; + // x="3009.299" y="363.447" + var defaultXvalue = fb_x; + var defaultYvalue = fb_y; + + //console.log(firstX, firstY); + var finalXvalue = Number(firstX) + Number(defaultXvalue); + var finalYvalue = Number(firstY) + Number(defaultYvalue); + //console.log(finalXvalue, finalYvalue); + gElem.transform.baseVal.getItem(0).setTranslate(finalXvalue,finalYvalue); + // console.log(gElem.transform.baseVal.getItem(0)); + var s = new XMLSerializer(); + + var str = s.serializeToString(gElem); + + // this for the fucking excess of curve text + var scale = /scale\(\s*([^\s,)]+)[ ,]([^\s,)]+)/.exec(xforms); + + if(scale != null){ + consolidatedContents1.push(str); + } } - } - - var contents = JSON.stringify(consolidatedContents1); - var con = jQuery.parseJSON(contents); - var countContents = con.length; - if(countContents != 0){ // check if content - var jContent = $.map(con, function(value) { - return(value); - }); - $("#Left_Border").html(jContent.join("")); + var contents = JSON.stringify(consolidatedContents1); + + var con = jQuery.parseJSON(contents); + var countContents = con.length; + if(countContents != 0){ // check if content + var jContent = $.map(con, function(value) { + return(value); + }); + $("#Left_Border").html(jContent.join("")); + } + } catch (error) { + console.log(error) } + + + } function backContent(bb_height, bb_width, bb_x, bb_y){ @@ -484,62 +492,68 @@ zoomIn(backCanvas, bb_width, bb_height, "Right"); - var content = backCanvas.toSVG(); - document.getElementById('svgBackContent').innerHTML = content; - var el_id = document.getElementById('svgBackContent'); + try { + var content = backCanvas.toSVG(); + document.getElementById('svgBackContent').innerHTML = content; - var getAllImageTag = el_id.getElementsByTagName('image'); - for (var i=0; i < getAllImageTag.length ; i++) { - var getElements = getAllImageTag[i]; - var getXAttribute = getElements.getAttribute('x'); - var getYAttribute = getElements.getAttribute('y'); - getElements.removeAttribute('x') - getElements.removeAttribute('y'); - getElements.setAttribute("transform", "matrix(1 0 0 1 "+getXAttribute+" "+getYAttribute+")"); - } - - var allGs = el_id.getElementsByTagName('g'); - - var consolidatedContents = []; - item = {} - - for (var i=0; i < allGs.length ; i++) { - var finalXvalue = 0; - var finalYvalue = 0; - var gElem = allGs[i]; - var children = gElem.childNodes; - - var xforms = gElem.getAttribute('transform'); - //console.log(xforms); - var parts = /translate\(\s*([^\s,)]+)[ ,]([^\s,)]+)/.exec(xforms); - var firstX = parts[1], - firstY = parts[2]; - // x="460.455" y="363.397" - var defaultXvalue = bb_x; - var defaultYvalue = bb_y; - - //console.log(firstX, firstY); - var finalXvalue = Number(firstX) + Number(defaultXvalue); - var finalYvalue = Number(firstY) + Number(defaultYvalue); - gElem.transform.baseVal.getItem(0).setTranslate(finalXvalue,finalYvalue); - - var s = new XMLSerializer(); - var str = s.serializeToString(gElem); - consolidatedContents.push(str); - - } - - var contents = JSON.stringify(consolidatedContents); - var con = jQuery.parseJSON(contents); - - var countContents = con.length; - if(countContents != 0){ // check if content - var jContent = $.map(con, function(value) { - return(value); - }); - $("#Right_Border").html(jContent.join("")); + var el_id = document.getElementById('svgBackContent'); + + var getAllImageTag = el_id.getElementsByTagName('image'); + for (var i=0; i < getAllImageTag.length ; i++) { + var getElements = getAllImageTag[i]; + var getXAttribute = getElements.getAttribute('x'); + var getYAttribute = getElements.getAttribute('y'); + getElements.removeAttribute('x') + getElements.removeAttribute('y'); + getElements.setAttribute("transform", "matrix(1 0 0 1 "+getXAttribute+" "+getYAttribute+")"); + } + + var allGs = el_id.getElementsByTagName('g'); + + var consolidatedContents = []; + item = {} + + for (var i=0; i < allGs.length ; i++) { + var finalXvalue = 0; + var finalYvalue = 0; + var gElem = allGs[i]; + var children = gElem.childNodes; + + var xforms = gElem.getAttribute('transform'); + //console.log(xforms); + var parts = /translate\(\s*([^\s,)]+)[ ,]([^\s,)]+)/.exec(xforms); + var firstX = parts[1], + firstY = parts[2]; + // x="460.455" y="363.397" + var defaultXvalue = bb_x; + var defaultYvalue = bb_y; + + //console.log(firstX, firstY); + var finalXvalue = Number(firstX) + Number(defaultXvalue); + var finalYvalue = Number(firstY) + Number(defaultYvalue); + gElem.transform.baseVal.getItem(0).setTranslate(finalXvalue,finalYvalue); + + var s = new XMLSerializer(); + var str = s.serializeToString(gElem); + consolidatedContents.push(str); + + } + + var contents = JSON.stringify(consolidatedContents); + var con = jQuery.parseJSON(contents); + + var countContents = con.length; + if(countContents != 0){ // check if content + var jContent = $.map(con, function(value) { + return(value); + }); + $("#Right_Border").html(jContent.join("")); + } + } catch (error) { + console.log(error) } + } function zoomIn(canvas, actualSizeX, actualSizeY, side) {