![]() All of those move the whole JS element and do not translate the internal coordinates of the SVG, so that I can see the whole image.Īlso, when I create the element as a SVG element, I cannot layer them using relative positioning, which I need to use because it should be possible to move the layered images together. I have also tried tAttribute("viewBox","480 480 960 960") and some matrix transformations like = "matrix(0, 0, 0, 0, 40, 40)". I've tried = "translate(-50%, -50%)" with bot elements but it moves the whole element, not the actual SVG inside. With both I can´t get the translation to work. Var myImage = document.createElement("IMG") Īnd like this: var myImage = document.createElement("SVG") I tried to create DOM elements in Java Script like this: js file, the html file should only call the script in it's body. I need to translate them to be in the middle of the svg using JS.Įverything has to happen in the. Find & Download the most popular Clock Svg Vectors on Freepik Free for commercial use High Quality Images Made for Creative Projects. They have their center at the top left corner, so you can only see the bottom right quarter of the svg. I want to layer a few SVGs and rotate them, a bit like an analog clock. ![]() I am trying to create an animation in JavaScript using html and css (basically the domain object model).
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |