Finish SVG Matrix Transformation Calculation

$10-30 USD

已完成

已发布

将近 6 年前

$10-30 USD

货到付款

I need to figure out the calculation to properly translate an internal SVG group element relative to the parent, after the group element has been scaled. The goal is that whenever the 'viewBox' dimensions are changed, the internal group elements are scaled and translated so that they remain in the same relative position that they were in prior. I believe you just need to determine the groups internal SVG position relative to the parent SVG tag before the change, and then do a calculation after the change to determine the correct offset in the translation so that the elements are moved to the same relative position they were in prior to the scale. It needs to work with any viewbox dimensions. The following is a simple Vue component that illustrates what I'm trying to accomplish. In it, you'll see the 'default dimensions' and the 'default matrix' for each group element. The proper scale is calculated whenever the dimensions change, you just need to figure out what the offset translation needs to be to place them in the correct relative position. Essentially just the E and F matrix values for the two groups you see. You're tasked with finishing the 'changeDimensions' function with the above described calculation. [login to view URL],js,output

HTML5

JavaScript

SVG

项目 ID: 17037213

关于此项目

2提案

远程项目

活跃6 年前

想赚点钱吗？

电子邮箱地址

在Freelancer上竞价的好处

设定您的预算和时间范围

为您的工作获得报酬

简要概述您的提案

免费注册和竞标工作

颁发给：

@mitkoradev

$25 USD 在1天之内

5.0

(6条评论)

2.8

2威客以平均价$25 USD来参与此工作竞价

@ArielLin822

Hello! Thanks for inviting me to submit a proposal .I have read the job description and got very interested in working on this project as it perfectly fits in my skill stack. Talk about a perfect match! I’ll keep this short and we can go into more details when we chat. As you can see I enjoy working with clients. I took the time to check out your website and you certainly fit the bill. I'm a senior Web & Mobile Program Developer. Freelance web developer specializing in small to medium sized business websites and content management systems. I design and develop responsive websites using the most current technologies to provide the best user experience while satisfying customer needs. My previous employment and management experience provides me with leadership skills that allow me to effectively communicate with others to achieve our goals. In addition, it has provided me the knowledge of understanding and communicating with customers to satisfy their needs. I am a fast learner who enjoys challenges and thrives in a fast paced, goal oriented environment. Currently I have experience working with HTML, CSS, JavaScript, jQuery, Ruby on Rails, PHP, and WordPress. And I'm also very well-versed at object-c, Swift and etc. The best quality, accurate timeline, free and polite after-service are what I guarantee to my clients. I always try to make clients say there’s not a thing that they would change when they see my work. I can start the work right now!! Sincerely. thanks.

$25 USD 在1天之内