Looks like we cannot reproduce this. Please provide another test case to reproduce this issue.
  1. #1
    Sencha User
    Join Date
    Aug 2008
    Posts
    3
    Vote Rating
    0
    ribouldingue is on a distinguished road

      0  

    Default [4.1.1a] Ext.draw.engine.SvgExporter generate incorrect svg with image sprite

    [4.1.1a] Ext.draw.engine.SvgExporter generate incorrect svg with image sprite


    Ext version tested
    Ext 4.1.1a

    Browser:
    Google Chrome

    Description:
    When i try to generate the svg string from a draw component with an image sprite, the x,y attributes of the image in the svg are incorrect.
    If not specified in the sprite, it generates <image x="NaN" y="NaN" [...] />
    If x,y attributes of the sprite are specified it takes the image center coordinates.

    Test Case :

    Code:
    Code:
    	var drawComponent = Ext.create('Ext.draw.Component', {
    		viewBox: false,
    		renderTo: document.body,
    		items: [{type: "image",src: "http://www.sencha.com/img/sencha-large.png",width:155,height:72,x:0,y:0}]
    	});
    	var svg = Ext.draw.engine.SvgExporter.generate(drawComponent.surface);
    	var drawComponent2 = Ext.create('Ext.draw.Component', {
    		viewBox: false,
    		renderTo: document.body,
    		items: [{type: "image",src: "http://www.sencha.com/img/sencha-large.png",width:155,height:72}]
    	});
    	var svg2 = Ext.draw.engine.SvgExporter.generate(drawComponent2.surface);

    SVG Generated :
    <?xml version="1.0" standalone="yes"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="155px" height="72px" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"><defs></defs><rect width="100%" height="100%" fill="#fff" fill-opacity="0" stroke="none" /><image x="-77" y="-36" width="155" height="72" xlink:href="http://www.sencha.com/img/sencha-large.png" transform="matrix(1,0,0,1,0,0)" /></svg> test.html:14
    <?xml version="1.0" standalone="yes"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="155px" height="72px" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"><defs></defs><rect width="100%" height="100%" fill="#fff" fill-opacity="0" stroke="none" /><image x="NaN" y="NaN" width="155" height="72" xlink:href="http://www.sencha.com/img/sencha-large.png" transform="matrix(1,0,0,1,0,0)" /></svg>

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,218
    Vote Rating
    859
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Both of the <image> that gets created by your code, I see x="0" and y="0" for the values, I do not see any NaN in Chrome.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  3. #3
    Sencha User
    Join Date
    Aug 2008
    Posts
    3
    Vote Rating
    0
    ribouldingue is on a distinguished road

      0  

    Default


    The bug occurs also in firefox and ie.

    Here is a link : http://carrementvin.ch/extjs/test.html

    and a screenshot :screenshot.png

Thread Participants: 1

Tags for this Thread