1. #1
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,347
    Vote Rating
    846
    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 Gradient transform

    Gradient transform


    I'm trying to convert a gradient I have in an SVG file to a gradient specified in my Ext.draw Component. I'm not able to get it to work at all.

    From SVG file:

    Code:
    <linearGradient id="path1950_1_" gradientUnits="userSpaceOnUse" x1="-872.9868" y1="-184.9077" x2="-924.6833" y2="-335.5966" gradientTransform="matrix(-0.5915 0 0 -0.5915 -446.1049 -133.3914)">
    	<stop  offset="0" style="stop-color:#FFFFFF"/>
    	<stop  offset="1" style="stop-color:#FFFFFF;stop-opacity:0"/>
    </linearGradient>
    What I have so far that isn't working really:


    Code:
    gradients: [{
    	id: 'grad1',
    	stops: {
    		0: {
    			offset: 0,
    			color: '#FFFFFF',
    			opacity: 1
    		},
    		100: {
    			offset: 1,
    			color: '#FFFFFF',
    			opacity: 0
    		}
    	}
    }]
    I'm not too sure how to get the transform or the x1, x2, y1, y2 and gradientUnits into the JS code.
    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.

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,347
    Vote Rating
    846
    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


    http://www.simoens.org/draw/twitter.html

    This is where my demo is. It's the white on on the right, the white area that is suppose to have a opacity change but can't get it.
    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
    May 2011
    Posts
    1
    Vote Rating
    0
    shockmount is on a distinguished road

      0  

    Default


    Were you able to do a gradient Transform?

Similar Threads

  1. SASS & Sencha Touch: how do I apply a gradient to a pressed list item?
    By bklaas in forum Sencha Touch 1.x: Discussion
    Replies: 1
    Last Post: 26 Feb 2011, 1:30 PM
  2. Need to render button with Microsoft.Gradient
    By babai in forum Ext 3.x: Help & Discussion
    Replies: 1
    Last Post: 3 May 2010, 5:00 AM
  3. cannot transform a select twice
    By lkasdorf in forum Ext 3.x: Help & Discussion
    Replies: 0
    Last Post: 21 Nov 2009, 8:12 PM
  4. XSL transform plugin needs some help
    By vtjiles in forum Ext 2.x: Help & Discussion
    Replies: 0
    Last Post: 5 Sep 2008, 3:23 PM
  5. I need transform example
    By Laufwerk in forum Ext 2.x: Help & Discussion
    Replies: 0
    Last Post: 30 Jun 2008, 7:45 AM

Thread Participants: 1