summaryrefslogtreecommitdiffstats
path: root/share/extensions/inkweb.js
diff options
context:
space:
mode:
Diffstat (limited to '')
-rw-r--r--share/extensions/inkweb.js223
1 files changed, 223 insertions, 0 deletions
diff --git a/share/extensions/inkweb.js b/share/extensions/inkweb.js
new file mode 100644
index 0000000..81f3b23
--- /dev/null
+++ b/share/extensions/inkweb.js
@@ -0,0 +1,223 @@
+/*
+** InkWeb - Inkscape's Javscript features for the open vector web
+**
+** Copyright (C) 2009 Aurelio A. Heckert, aurium (a) gmail dot com
+**
+** ********* Bugs and New Fetures *************************************
+** If you found any bug on this script or if you want to propose a
+** new feature, please report it in the inkscape bug tracker
+** https://inkscape.org/report .
+** ********************************************************************
+**
+** This program is free software: you can redistribute it and/or modify
+** it under the terms of the GNU Lesser General Public License as published
+** by the Free Software Foundation, either version 3 of the License, or
+** (at your option) any later version.
+**
+** This program is distributed in the hope that it will be useful,
+** but WITHOUT ANY WARRANTY; without even the implied warranty of
+** MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+** GNU Lesser General Public License for more details.
+**
+** You should have received a copy of the GNU Lesser General Public License
+** along with this program. If not, see <http://www.gnu.org/licenses/>.
+*/
+
+var InkWeb = {
+
+ version: 0.04,
+
+ NS: {
+ svg: "http://www.w3.org/2000/svg",
+ sodipodi: "http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd",
+ inkscape: "http://www.inkscape.org/namespaces/inkscape",
+ cc: "http://creativecommons.org/ns#",
+ dc: "http://purl.org/dc/elements/1.1/",
+ rdf: "http://www.w3.org/1999/02/22-rdf-syntax-ns#",
+ xlink: "http://www.w3.org/1999/xlink",
+ xml: "http://www.w3.org/XML/1998/namespace"
+ }
+
+};
+
+InkWeb.el = function (tag, attributes) {
+ // A helper to create SVG elements
+ var element = document.createElementNS( this.NS.svg, tag );
+ for ( var att in attributes ) {
+ switch ( att ) {
+ case "parent":
+ attributes.parent.appendChild( element );
+ break;
+ case "text":
+ element.appendChild( document.createTextNode( attributes.text ) );
+ break;
+ default:
+ element.setAttribute( att, attributes[att] );
+ }
+ }
+ return element;
+}
+
+InkWeb.reGetStyleAttVal = function (att) {
+ return new RegExp( "(^|.*;)[ ]*"+ att +":([^;]*)(;.*|$)" )
+}
+
+InkWeb.getStyle = function (el, att) {
+ // This method is needed because el.style is only working
+ // to HTML style in the Firefox 3.0
+ if ( typeof(el) == "string" )
+ el = document.getElementById(el);
+ var style = el.getAttribute("style");
+ var match = this.reGetStyleAttVal(att).exec(style);
+ if ( match ) {
+ return match[2];
+ } else {
+ return false;
+ }
+}
+
+InkWeb.setStyle = function (el, att, val) {
+ if ( typeof(el) == "string" )
+ el = document.getElementById(el);
+ var style = el.getAttribute("style");
+ re = this.reGetStyleAttVal(att);
+ if ( re.test(style) ) {
+ style = style.replace( re, "$1"+ att +":"+ val +"$3" );
+ } else {
+ style += ";"+ att +":"+ val;
+ }
+ el.setAttribute( "style", style );
+ return val
+}
+
+InkWeb.transmitAtt = function (conf) {
+ conf.att = conf.att.split( /\s+/ );
+ if ( typeof(conf.from) == "string" )
+ conf.from = document.getElementById( conf.from );
+ if ( ! conf.to.join )
+ conf.to = [ conf.to ];
+ for ( var toEl,elN=0; toEl=conf.to[elN]; elN++ ) {
+ if ( typeof(toEl) == "string" )
+ toEl = document.getElementById( toEl );
+ for ( var i=0; i<conf.att.length; i++ ) {
+ var val = this.getStyle( conf.from, conf.att[i] );
+ if ( val ) {
+ this.setStyle( toEl, conf.att[i], val );
+ } else {
+ val = conf.from.getAttribute(conf.att[i]);
+ toEl.setAttribute( conf.att[i], val );
+ }
+ }
+ }
+}
+
+InkWeb.goto = function (conf) {
+ if ( typeof(conf.from) == "string" )
+ conf.from = document.getElementById( conf.from );
+ if ( ! conf.to )
+ conf.to = conf.to ;
+ if ( typeof(toEl) == "string" )
+ toEl = document.getElementById( toEl );
+ toEl = document.getElementById( conf.to );
+ document.getElementsByTagName("svg")[0].viewBox.baseVal.x = toEl.getAttribute("x");
+ document.getElementsByTagName("svg")[0].viewBox.baseVal.y = toEl.getAttribute("y");
+}
+
+InkWeb.setAtt = function (conf) {
+ if ( ! conf.el.join )
+ conf.to = [ conf.el ];
+ conf.att = conf.att.split( /\s+/ );
+ conf.val = conf.val.split( /\s+/ );
+ for ( var el,elN=0; el=conf.el[elN]; elN++ ) {
+ if ( typeof(el) == "string" )
+ el = document.getElementById( el );
+ for ( var att,i=0; att=conf.att[i]; i++ ) {
+ if (
+ att == "width" ||
+ att == "height" ||
+ att == "x" ||
+ att == "y" ||
+ att == "cx" ||
+ att == "cy" ||
+ att == "r" ||
+ att == "rx" ||
+ att == "ry" ||
+ att == "transform"
+ ) {
+ el.setAttribute( att, conf.val[i] );
+ } else {
+ this.setStyle( el, att, conf.val[i] );
+ }
+ }
+ }
+}
+
+InkWeb.moveElTo = function (startConf) {
+ if ( typeof(startConf) == "string" ) {
+ // startConf may be only a element Id, to timeout recursive calls.
+ var el = document.getElementById( startConf );
+ } else {
+ if ( typeof(startConf.el) == "string" )
+ startConf.el = document.getElementById( startConf.el );
+ var el = startConf.el;
+ }
+ if ( ! el.inkWebMoving ) {
+ el.inkWebMoving = {
+ step: 0
+ };
+ }
+ var conf = el.inkWebMoving;
+ if ( conf.step == 0 ) {
+ conf.x = startConf.x;
+ conf.y = startConf.y;
+ // dur : duration of the animation in seconds
+ if ( startConf.dur ) { conf.dur = startConf.dur }
+ else { conf.dur = 1 }
+ // steps : animation steps in a second
+ if ( startConf.stepsBySec ) { conf.stepsBySec = startConf.stepsBySec }
+ else { conf.stepsBySec = 16 }
+ conf.sleep = Math.round( 1000 / conf.stepsBySec );
+ conf.steps = conf.dur * conf.stepsBySec;
+ var startPos = el.getBBox();
+ conf.xInc = ( conf.x - startPos.x ) / conf.steps;
+ conf.yInc = ( conf.y - startPos.y ) / conf.steps;
+ conf.transform = el.transform.baseVal.consolidate();
+ if ( ! conf.transform ) {
+ conf.transform = el.ownerSVGElement.createSVGTransform();
+ }
+ el.transform.baseVal.clear();
+ el.transform.baseVal.appendItem(conf.transform);
+ }
+ if ( conf.step < conf.steps ) {
+ conf.step++;
+ conf.transform.matrix.e += conf.xInc;
+ conf.transform.matrix.f += conf.yInc;
+ try{ el.ownerSVGElement.forceRedraw() }
+ catch(e){ this.log(e, "this "+el.ownerSVGElement+" has no forceRedraw().") }
+ conf.timeout = setTimeout( 'InkWeb.moveElTo("'+el.id+'")', conf.sleep );
+ } else {
+ delete el.inkWebMoving;
+ }
+}
+
+InkWeb.moveViewbox = function (conf) {
+ if ( typeof(conf.from) == "string" )
+ conf.from = document.getElementById( conf.from );
+ if ( ! conf.to )
+ conf.to = conf.from ;
+ if ( typeof(conf.to) == "string" )
+ conf.to = document.getElementById( conf.to );
+ bbox = conf.to.getBBox();
+ vbox = document.getElementsByTagName("svg")[0].viewBox;
+ document.getElementsByTagName("svg")[0].viewBox.baseVal.x=bbox.x;
+ document.getElementsByTagName("svg")[0].viewBox.baseVal.y=bbox.y;
+ document.getElementsByTagName("svg")[0].viewBox.baseVal.width=bbox.width;
+ document.getElementsByTagName("svg")[0].viewBox.baseVal.height=bbox.height;
+ document.getElementsByTagName("svg")[0].viewBox.animVal.x=bbox.x;
+ document.getElementsByTagName("svg")[0].viewBox.animVal.y=bbox.y;
+ document.getElementsByTagName("svg")[0].viewBox.animVal.width=bbox.width;
+ document.getElementsByTagName("svg")[0].viewBox.animVal.heigt=bbox.height;
+ vbox = document.getElementsByTagName("svg")[0].viewBox;
+}
+
+InkWeb.log = function () { /* requires inkweb-debug.js, not included in Inkscape */ }
generated by cgit v1.2.3 (git 2.39.1) at 2024-08-19 15:15:24 +0000