[svg-developers] rotated text within a pattern
Here's a simple test that all browsers that I have tested fail: http://granite.sru.edu/~ddailey/svg/textPatternRotate.svg It's the first time I've ever seen Safari for Windows actually do the best job for something SVG-related, and so, is noteworthy for that alone! Here's the code: --- svg xmlns=http://www.w3.org/2000/svg; xmlns:xlink=http://www.w3.org/1999/xlink; width=100% height=100% defs pattern id=Wow patternUnits=userSpaceOnUse width=51 height=36 text x=0 y=35 fill=black stroke=black kerning=1 font-size=35 font-family=serifWo/text /pattern /defs circle id=C r=100 fill=url(#Wow) cx=100 cy=100 stroke=black stroke-width=3/ use xlink:href=#C transform=translate(200,0) rotate(45, 100, 100)/ /svg --- The results: IE+ASV -- does not anti-alias the rotated text-pattern Opera 11.00 -- does not display text within a pattern Firefox 4.0b9-- doesn't respect the kerning (otherwise behaves as it should -- zooming nicely!) Chrome 8 -- stroke and fill of the text do not align (this is true of Chrome whenever text is rotated -- the stroke and fill do not align) Safari -- antialiases the rotated text and kerns properly, but on zoom converts it all to pixels and the image becomes intensely pixellated) I've reported the various problems to Opera and Firefox (though I suspect the Firefox folks have known about the kerning issue for some time). I can't figure out how to report bugs to Safari and Chrome -- it seems like there used to be a way, but perhaps they customized my version so that I can't do it anymore :) I thought it rather a fun example because of its simplicity! cheers David [Non-text portions of this message have been removed] - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -or- visit http://groups.yahoo.com/group/svg-developers and click edit my membership Yahoo! Groups Links * To visit your group on the web, go to: http://groups.yahoo.com/group/svg-developers/ * Your email settings: Individual Email | Traditional * To change settings online go to: http://groups.yahoo.com/group/svg-developers/join (Yahoo! ID required) * To change settings via email: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com * To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
[svg-developers] Re: rotated text within a pattern
I've reported the various problems to Opera and Firefox (though I suspect the Firefox folks have known about the kerning issue for some time). https://bugzilla.mozilla.org/show_bug.cgi?id=604310 I can't figure out how to report bugs to Safari and Chrome -- it seems like there used to be a way, but perhaps they customized my version so that I can't do it anymore :) Most SVG capability is part of the core Webkit code that both browsers share so reporting to https://bugs.webkit.org is likely the right thing to do. Product Webkit, Component SVG. Best regards Robert. - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -or- visit http://groups.yahoo.com/group/svg-developers and click edit my membership Yahoo! Groups Links * To visit your group on the web, go to: http://groups.yahoo.com/group/svg-developers/ * Your email settings: Individual Email | Traditional * To change settings online go to: http://groups.yahoo.com/group/svg-developers/join (Yahoo! ID required) * To change settings via email: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com * To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
[svg-developers] Re: Strategy for text input
Hi, --- In svg-developers@yahoogroups.com, Jacob Beard jbeard4@... wrote: Also, just a note about SVG filters: I think they have only recently been added to Webkit, and so are not in currently release versions of Chrome and Safari. The last versions I tested: Chrome 5.0.375.70 tries to implement filters but there are a lot it can't handle and it simply doesn't display objects with such filters but at least some of them can receive events. Safari 4.0.3(531.9.1) doesn't implement filters but objects with them appear, usually as a solid colour. Richard Pearman http://www.pixelpalaces.com/ The next stage in the evolution of web comics: http://www.onlinecomics.net/pages/details/listing.php?comicID=4415 Read my Helium articles: http://www.helium.com/users/212199 South Alberta Cactus and succulent society: http://www.facebook.com/group.php?gid=20360241008 Make money from discussing things: http://www.myLot.com?ref=Graptopetalum - To unsubscribe send a message to: svg-developers-unsubscr...@yahoogroups.com -or- visit http://groups.yahoo.com/group/svg-developers and click edit my membership Yahoo! Groups Links * To visit your group on the web, go to: http://groups.yahoo.com/group/svg-developers/ * Your email settings: Individual Email | Traditional * To change settings online go to: http://groups.yahoo.com/group/svg-developers/join (Yahoo! ID required) * To change settings via email: svg-developers-dig...@yahoogroups.com svg-developers-fullfeatu...@yahoogroups.com * To unsubscribe from this group, send an email to: svg-developers-unsubscr...@yahoogroups.com * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
Re: [svg-developers] Problem in Resize SVG rect Drag and Rotate......with code file
Guys Please reply...
--- On Fri, 1/21/11, Mr Rauf cute_rauf_...@yahoo.com wrote:
From: Mr Rauf cute_rauf_...@yahoo.com
Subject: [svg-developers] Problem in Resize SVG rect Drag and
Rotate..with code file
To: svg-developers@yahoogroups.com
Date: Friday, January 21, 2011, 3:25 AM
HI All,
i want to implement the functionalty of rectangle very similar like SVG-edit
where user can rotate the rectangle and also resize it.But i have problem in
resizing the rectangle ,when the Rectangle is move functionalty is reversed can
any one help me to solve thissPlz help me to solve this problem.
--SVG-
?xml version=1.0 standalone=no?
!DOCTYPE svg PUBLIC -//W3C//DTD SVG 1.1//EN
http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd;
svg version=1.1 id=Layer_1 xmlns=http://www.w3.org/2000/svg;
xmlns:xlink=http://www.w3.org/1999/xlink;
xmlns:a=http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/;
x=0px y=0px width=612px height=792px xml:space=preserve
onmousedown=ecmascript:top.MouseDown(evt)
onmousemove=ecmascript:top.MouseMove(evt)
onmouseup=ecmascript:top.MouseUp(evt)
rect id=rectTemplate x=0 y=0 stroke=blue width=100 height=30
transform=translate(20,100)/
/svg
---HTML-
%--
Document : grouping
Created on : 07-Dec-2010, 12:05:35
Author : AbdulRauf
--%
%@page contentType=text/html pageEncoding=UTF-8%
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN
http://www.w3.org/TR/html4/loose.dtd;
html
head
meta http-equiv=Content-Type content=text/html; charset=UTF-8
titleJSP Page/title
!--script type=text/javascript src=CPolyline.js
/script--
/head
body
object id=oo data=rect.svg style=position:fixed;width:
800px;height:800px;bottom:-100px;right: 375px;
/object
path: input type=text id=path
input type=button value=Rotate onclick=Rotate()
script type=text/javascript
var ob=document.getElementById(oo)
var svgDoc=null;
var svgRoot=null;
var ObjArray = new Array();
var GroupArray = new Array();
var SelectRect = null;
var OrigX = 0;
var OrigY = 0;
var bInDrawRect = false;
var bMoveObjects = false;
var ZoomI =false;
var ZoomOu = false;
var zoomin=false;
var MyGroupObjectsObj = null;
var svgNS = http://www.w3.org/2000/svg;;
var dragTarget = null;
var rectTemplate = null;
var grabPoint = null;
var clientPoint = null;
var rectX = null;
var rectY = null;
var rectWidth = null;
var rectHeight = null;
var resizingLeft = false;
var resizingRight = false;
var resizingTop = false;
var resizingBottom = false;
var main=null
var toolbar=null;
var drawingArea=null;
ob.addEventListener(load, function(){
svgDoc=ob.contentDocument;
svgRoot=svgDoc.documentElement;
MyGroupObjectsObj = svgDoc.getElementById(SelectGroup);
grabPoint = svgRoot.createSVGPoint();
clientPoint = svgRoot.createSVGPoint();
rectTemplate = svgDoc.getElementById('rectTemplate')
}, false)
var rotate=0
function Rotate(){
rotate+=10
var c=rectTemplate.getAttribute(transform);
//var widt=Number(rectTemplate.getAttribute(width))/2;
//var hie=Number(rectTemplate.getAttribute(height))/2
// var tran=c.match(/[\d\.]+/g);
var newxpo=255;
var newypo=255;
rectTemplate.setAttribute(transform, rotate(+rotate+ + 256+ +256+))
}
function MouseDown(evt)
{
var targetElement = evt.target;
var checkForResizeAttempt = false;
if (targetElement == rectTemplate)
{
dragTarget = targetElement;
checkForResizeAttempt = true;
}
var transMatrix = dragTarget.getCTM();
grabPoint.x = evt.clientX - Number(transMatrix.e);
grabPoint.y = evt.clientY - Number(transMatrix.f);
if (window.console) console.log(grabPoint.x + + grabPoint.y);
if (window.console) console.log(evt.clientX + + evt.clientY);
if (checkForResizeAttempt)
{
clientPoint.x = evt.clientX;
clientPoint.y = evt.clientY;
rectX = Number(dragTarget.getAttributeNS(null, x));
rectY = Number(dragTarget.getAttributeNS(null, y));
rectWidth = Number(dragTarget.getAttributeNS(null, width));
rectHeight = Number(dragTarget.getAttributeNS(null, height));
if ((grabPoint.x - rectX) 10)
{
resizingLeft = true;
}
else if (((rectX + rectWidth) - grabPoint.x) 10)
{
resizingRight =
