Subversion-Projekte lars-tiefland.cienc

/** @preserve

jsPDF Silly SVG plugin

Copyright (c) 2012 Willow Systems Corporation, willow-systems.com

*/

/**

 * Permission is hereby granted, free of charge, to any person obtaining

 * a copy of this software and associated documentation files (the

 * "Software"), to deal in the Software without restriction, including

 * without limitation the rights to use, copy, modify, merge, publish,

 * distribute, sublicense, and/or sell copies of the Software, and to

 * permit persons to whom the Software is furnished to do so, subject to

 * the following conditions:

 *

 * The above copyright notice and this permission notice shall be

 * included in all copies or substantial portions of the Software.

 *

 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,

 * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF

 * MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND

 * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE

 * LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION

 * OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION

 * WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

 * ====================================================================

 */

;(function(jsPDFAPI) {

'use strict'

/**

Parses SVG XML and converts only some of the SVG elements into

PDF elements.

Supports:

 paths

@public

@function

@param

@returns {Type}

*/

jsPDFAPI.addSVG = function(svgtext, x, y, w, h) {

	// 'this' is _jsPDF object returned when jsPDF is inited (new jsPDF())

	var undef

	if (x === undef || x === undef) {

		throw new Error("addSVG needs values for 'x' and 'y'")

	}

    function InjectCSS(cssbody, document) {

        var styletag = document.createElement('style')

        styletag.type = 'text/css'

        if (styletag.styleSheet) {

        	// ie

            styletag.styleSheet.cssText = cssbody

        } else {

        	// others

            styletag.appendChild(document.createTextNode(cssbody))

        }

        document.getElementsByTagName("head")[0].appendChild(styletag)

    }

	function createWorkerNode(document){

		var frameID = 'childframe' // Date.now().toString() + '_' + (Math.random() * 100).toString()

		, frame = document.createElement('iframe')

		InjectCSS(

			'.jsPDF_sillysvg_iframe {display:none;position:absolute;}'

			, document

		)

		frame.name = frameID

		frame.setAttribute("width", 0)

		frame.setAttribute("height", 0)

		frame.setAttribute("frameborder", "0")

		frame.setAttribute("scrolling", "no")

		frame.setAttribute("seamless", "seamless")

		frame.setAttribute("class", "jsPDF_sillysvg_iframe")

		document.body.appendChild(frame)

		return frame

	}

	function attachSVGToWorkerNode(svgtext, frame){

		var framedoc = ( frame.contentWindow || frame.contentDocument ).document

		framedoc.write(svgtext)

		framedoc.close()

		return framedoc.getElementsByTagName('svg')[0]

	}

	function convertPathToPDFLinesArgs(path){

		'use strict'

		// we will use 'lines' method call. it needs:

		// - starting coordinate pair

		// - array of arrays of vector shifts (2-len for line, 6 len for bezier)

		// - scale array [horizontal, vertical] ratios

		// - style (stroke, fill, both)

		var x = parseFloat(path[1])

		, y = parseFloat(path[2])

		, vectors = []

		, position = 3

		, len = path.length

		while (position < len){

			if (path[position] === 'c'){

				vectors.push([

					parseFloat(path[position + 1])

					, parseFloat(path[position + 2])

					, parseFloat(path[position + 3])

					, parseFloat(path[position + 4])

					, parseFloat(path[position + 5])

					, parseFloat(path[position + 6])

				])

				position += 7

			} else if (path[position] === 'l') {

				vectors.push([

					parseFloat(path[position + 1])

					, parseFloat(path[position + 2])

				])

				position += 3

			} else {

				position += 1

			}

		}

		return [x,y,vectors]

	}

	var workernode = createWorkerNode(document)

	, svgnode = attachSVGToWorkerNode(svgtext, workernode)

	, scale = [1,1]

	, svgw = parseFloat(svgnode.getAttribute('width'))

	, svgh = parseFloat(svgnode.getAttribute('height'))

	if (svgw && svgh) {

		// setting both w and h makes image stretch to size.

		// this may distort the image, but fits your demanded size

		if (w && h) {

			scale = [w / svgw, h / svgh]

		}

		// if only one is set, that value is set as max and SVG

		// is scaled proportionately.

		else if (w) {

			scale = [w / svgw, w / svgw]

		} else if (h) {

			scale = [h / svgh, h / svgh]

		}

	}

	var i, l, tmp

	, linesargs

	, items = svgnode.childNodes

	for (i = 0, l = items.length; i < l; i++) {

		tmp = items[i]

		if (tmp.tagName && tmp.tagName.toUpperCase() === 'PATH') {

			linesargs = convertPathToPDFLinesArgs( tmp.getAttribute("d").split(' ') )

			// path start x coordinate

			linesargs[0] = linesargs[0] * scale[0] + x // where x is upper left X of image

			// path start y coordinate

			linesargs[1] = linesargs[1] * scale[1] + y // where y is upper left Y of image

			// the rest of lines are vectors. these will adjust with scale value auto.

			this.lines.call(

				this

				, linesargs[2] // lines

				, linesargs[0] // starting x

				, linesargs[1] // starting y

				, scale

			)

		}

	}

	// clean up

	// workernode.parentNode.removeChild(workernode)

	return this

}

})(jsPDF.API)