evert/svgcanvas
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

reuse __createElement

Browse Source
This commit is contained in:
Zeno Zeng 2015-05-19 16:52:31 +08:00
parent b7f5a1acde
commit b9ad47c4f0
1 changed files with 11 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
canvas2svg.js
View File

@ -183,7 +183,7 @@
* Adds a color stop to the gradient root * Adds a color stop to the gradient root
*/ */
CanvasGradient.prototype.addColorStop = function(offset, color) { CanvasGradient.prototype.addColorStop = function(offset, color) {
var stop = document.createElementNS("http://www.w3.org/2000/svg", "stop"), regex, matches; var stop = this.__createElement("stop"), regex, matches;
stop.setAttribute("offset", offset); stop.setAttribute("offset", offset);
if(color.indexOf("rgba") !== -1) { if(color.indexOf("rgba") !== -1) {
//separate alpha value, since webkit can't handle it //separate alpha value, since webkit can't handle it
@ -268,6 +268,10 @@
* @private * @private
*/ */
ctx.prototype.__createElement = function(elementName, properties, resetFill) { ctx.prototype.__createElement = function(elementName, properties, resetFill) {
if (typeof properties === "undefined") {
properties = {};
}
var element = document.createElementNS("http://www.w3.org/2000/svg", elementName), var element = document.createElementNS("http://www.w3.org/2000/svg", elementName),
keys = Object.keys(properties), i, key; keys = Object.keys(properties), i, key;
if(resetFill) { if(resetFill) {
@ -423,7 +427,7 @@
* Will generate a group tag. * Will generate a group tag.
*/ */
ctx.prototype.save = function() { ctx.prototype.save = function() {
var group = document.createElementNS("http://www.w3.org/2000/svg", "g"), parent = this.__closestGroupOrSvg(); var group = this.__createElement("g"), parent = this.__closestGroupOrSvg();
this.__groupStack.push(parent); this.__groupStack.push(parent);
parent.appendChild(group); parent.appendChild(group);
this.__currentElement = group; this.__currentElement = group;
@ -448,7 +452,7 @@
//if the current element has siblings, add another group //if the current element has siblings, add another group
var parent = this.__closestGroupOrSvg(); var parent = this.__closestGroupOrSvg();
if(parent.childNodes.length > 0) { if(parent.childNodes.length > 0) {
var group = document.createElementNS("http://www.w3.org/2000/svg", "g"); var group = this.__createElement("g");
parent.appendChild(group); parent.appendChild(group);
this.__currentElement = group; this.__currentElement = group;
} }
@ -723,7 +727,7 @@
*/ */
ctx.prototype.__wrapTextLink = function(font, element) { ctx.prototype.__wrapTextLink = function(font, element) {
if(font.href) { if(font.href) {
var a = document.createElementNS("http://www.w3.org/2000/svg", "a"); var a = this.__createElement("a");
a.setAttributeNS("http://www.w3.org/1999/xlink", "xlink:href", font.href); a.setAttributeNS("http://www.w3.org/1999/xlink", "xlink:href", font.href);
a.appendChild(element); a.appendChild(element);
return a; return a;
@ -830,9 +834,9 @@
*/ */
ctx.prototype.clip = function(){ ctx.prototype.clip = function(){
var group = this.__closestGroupOrSvg(), var group = this.__closestGroupOrSvg(),
clipPath = document.createElementNS("http://www.w3.org/2000/svg", "clipPath"), clipPath = this.__createElement("clipPath"),
id = randomString(this.__ids), id = randomString(this.__ids),
newGroup = document.createElementNS("http://www.w3.org/2000/svg", "g"); newGroup = this.__createElement("g");
group.removeChild(this.__currentElement); group.removeChild(this.__currentElement);
clipPath.setAttribute("id", id); clipPath.setAttribute("id", id);
@ -910,7 +914,7 @@
this.__currentElement = currentElement; this.__currentElement = currentElement;
} else if(image.nodeName === "CANVAS" || image.nodeName === "IMG") { } else if(image.nodeName === "CANVAS" || image.nodeName === "IMG") {
//canvas or image //canvas or image
svgImage = document.createElementNS("http://www.w3.org/2000/svg", "image"); svgImage = this.__createElement("image");
svgImage.setAttribute("width", dw); svgImage.setAttribute("width", dw);
svgImage.setAttribute("height", dh); svgImage.setAttribute("height", dh);
svgImage.setAttribute("preserveAspectRatio", "none"); svgImage.setAttribute("preserveAspectRatio", "none");