zcy
/
svgedit
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add some tooltips to path control nodes. Add code for fetching data: representation of raster images (commented out) 

git-svn-id: http://svg-edit.googlecode.com/svn/trunk@835 eee81c28-f429-11dd-99c0-75d572ba1ddd
master
Jeff Schiller 2009-10-16 13:17:23 +00:00
parent abcb7aa579
commit 211c478bf0
2 changed files with 40 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
editor/svg-editor.js
View File

@ -399,9 +399,10 @@ function svg_edit_setup() {
svgCanvas.setTextContent(this.value);
});
$('#image_url').keyup(function(){
svgCanvas.setImageURL(this.value);
});
// TODO: consider only setting the URL once Enter has been pressed?
$('#image_url').keyup(function(){
svgCanvas.setImageURL(this.value);
});
$('.attr_changer').change(function() {
var attr = this.getAttribute("data-attr");

40
editor/svgcanvas.js
View File

@ -557,7 +557,8 @@ function BatchCommand(text) {
if (!window.opera) svgroot.suspendRedraw(suspendLength);
for (i in attrs) {
var ns = (i.substr(0,4) == "xml:" ? xmlns : null);
var ns = (i.substr(0,4) == "xml:" ? xmlns :
i.substr(0,6) == "xlink:" ? xlinkns : null);
node.setAttributeNS(ns, i, attrs[i]);
}
@ -2200,7 +2201,8 @@ function BatchCommand(text) {
'stroke': "#00F",
'stroke-width': 2,
'cursor': 'move',
'style': 'pointer-events:all'
'style': 'pointer-events:all',
'xlink:title': 'Drag point to move it. Double-click point to change segment type.'
});
pointGrip = pointGripContainer.appendChild(pointGrip);
@ -2467,7 +2469,8 @@ function BatchCommand(text) {
'stroke': "#55F",
'stroke-width': 1,
'cursor': 'move',
'style': 'pointer-events:all'
'style': 'pointer-events:all',
'xlink:title': 'Drag control point to adjust curve properties'
});
pointGrip = ctrlPointGripContainer.appendChild(pointGrip);
}
@ -4066,7 +4069,36 @@ function BatchCommand(text) {
};
this.setImageURL = function(val) {
this.changeSelectedAttribute("#href", val);
// Below is some code to fetch the data: URL representation
// of local image files. It is commented out until we figure out
// a way of introducing this as an option into the UI. Also, it
// does not work in Firefox at all :(
/*
// load in the image and once it's loaded, get the dimensions
var img = document.createElement("img");
var svgCanvas = this;
img.addEventListener("load", function(evt) {
if (this.width > 0 && this.height > 0) {
// create a canvas the same size as the raster image
var canvas = document.createElement("canvas");
canvas.width = this.width;
canvas.height = this.height;
// load the raster image into the canvas
canvas.getContext("2d").drawImage(img,0,0);
// retrieve the data: URL
try {
var dataurl = canvas.toDataURL();
svgCanvas.changeSelectedAttribute("#href", dataurl);
} catch(e) {
// if we get an exception, just set the href to the URL
svgCanvas.changeSelectedAttribute("#href", val);
}
}
}, false);
img.setAttribute("src", val);
*/
svgCanvas.changeSelectedAttribute("#href", val);
};
this.setRectRadius = function(val) {