Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
This question does not appear to be about programming within the scope defined in the help center.
Closed 3 years ago.
Improve this question
I am using DaVinci Resolve 15 Free version.
How do I rotate video in it?
I tried Clip Attributes, and I see an Image Flip feature, but not rotation.
You need to place the media in the timeline, select the clip and pick the Inspector. There is a rotate feature in the Transform tab.
In detail (assuming you are in a project and the media has been imported):
Go to "Edit" mode (the Edit button is at the bottom of the window)
Drag the clip you want to correct into the timeline.
Select the clip.
Pick the Inspector from the top right corner of the window
You should see a Transform section on right panel where you can rotate/zoom.
After the rotation, the video might not fit the entire screen. You will have to zoom based on the ratio of project_width_resolution/clip_orig_width_resolution.
For example, I have an ipad video at 1440x1920. The project resolution is 1920x1080. I will have to zoom at 1920/1440 = 1.33333
I think I have found an easier and more precise way to solve the problem of the video not fitting the entire screen after rotating it.
If after selecting and rotating the video you go to the "Retime and Scaling" settings in the "Inspector", it is possible to change the Scaling to "Crop". In my case, that solved the problem (after spending a few hours to discover the setting...).
I don't know if this method may reduce the video quality. It seams to maintain it.
:)
Related
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 2 years ago.
Improve this question
I have a multicolumn layout where the column on the right will update with the details of the item selected in the column on the left.
At a zoom level of 110% and below in Chrome, the column on the right will be scrolled to the top when selecting a different item on the left as in the gif below (this is the desired behavior).
However, at 125% zoom level and up, the scroll position of the column on the right is maintained when a new item on the left is selected (or worse, appears to scroll to the top, and then back down).
What could be causing this behavior? I am at a loss as to how to even debug this issue. I have tried messing with the overflow on several elements, and have looked through our styles for things related to scroll, but have come up short so far. The behavior doesn't appear to be specific to Chrome, as I am able to reproduce in Safari as well, but strangely it happens at a higher zoom level in Safari.
Your issue could be due to the height of the section which gets varied at different zoom levels. Varying in heights may be due to increase in the width of the section after zooming.
If your current scrolling is achieved through plugins,
then kindly do reload the browser at different zoom levels and check if the issue still continues.
because, most plugins will be configured in a way to effect at page reload only.
If the above mentioned doesn't help, then do share your code snippet or any other info related to the development of this output
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 7 years ago.
Improve this question
I have a problem here with my website. If you can go to my website and click on the cog button on the left side, there are two images.
If you click on the first image, i set it to change .xe-clearfix css style to background-color:white, and for the 2nd image, i set it to change .xe-clearfix css style to background-color:transparent as well.
but as you can see, the menu and the image slider overlap with each other,
so basically what im trying to achieve here is to make the menu on the top of the slider 'push' the slider down, so that none is overlapping when i click on the first image.
(and remove that class when click on the 2nd image of course)
and since I can't copy paste the whole website here, i will simply leave my website's address.
and bare in mind that I use wordpress like CMS called XE,
and the source code might be 'mess' to some people.
but people often say that my webhosting company (cafe24) gets blocked by the ublock or adblock, I assure you that the website is completely safe and there is no harm whatsoever (you will need to disable your chrome's extension for that matter)
Thank you very much.
The others are right that your question is off-topic without a code snippet, but I'll throw some info up since you're new.
Your header/menu element (.header_wrap xe-clearfix menu_type_1) is positioned absolutely. That means it has no affect on other elements on the page.
The element containing the slider (.camera_wrap camera_white_skin) would need to be pushed down the height of the header (about 100px) using margin or other styling. This will not be a dynamic solution as it would need to be recalculated if the header height changes.
Bottom line: This layout would need substantial revision to do what you describe. It might be better to start with a different template that has a fixed, separate header bar.
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 7 years ago.
Improve this question
I added an background image inside a container that was smaller than the image. It was part of the plan. Even though it automatically rotated itself 90deg, without me touching anything (there was 3 other boxes with the exact same settings, not the same image though.). Any idea how to fix that, or what it is happening?
EDIT: Issue solved, Kyle Shrader told me to use and EXIF tool, which I did. That told me the photo was rotated 90 degree, in the metas, even though it looked fine front end. I used an exif editor and put it on Horizontal (normal value for a photo) instead of Rotated 90 CW.
If the image has EXIF orientation set, some browsers will interpret this and automatically rotate the image. You can use a tool like EXIF Data Viewer to quickly check that this is not the case for you.
If this is the case, you can solve the issue in your style sheets or in the image file itself.
To solve this problem with CSS, use the image-orientation css property to set your image orientation. image-orientation: 0deg; is what you could use, in your case.
To remove the EXIF tag from the file, you can use a tool like theXifer EXIF Purge
edit: replaced the originally linked online solution with an offline solution. With each there are concerns. Online solutions pose an issue to leaking company information or assets. Obviously you should only use trusted offline solutions, since this could pose a security risk. Thank you for the recommendation, #TomerOfer
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 8 years ago.
Improve this question
see the background Grid , on this site hxxp://www.solarpowergetics.com/ It is a Magento website ,How can I get that image or is that CSS
That's CSS. Looking at the source, it's an image that is repeating. Each div has a partially transparent background that would make the lattice appear to be fading towards the center.
Try Right-Click and Inspect element in the future and navigate to the body or html element. Usually your answer will be there
A background will always be applied via CSS (well or inline HTML styling). Best thing to do is to open up the developer toolbar (Ctrl + I for Windows or Alt + Cmd + I for OS X) and look for the html or body tag in the HTML. Click on either and it'll bring up the CSS. Then you just need to look for the background property and that will either provide you with a colour like...
background: #ffffff;
Or if an image is used, it'll probably look something like...
background: url(myimage.png);
There are many different variations depending on what they want the background to look like. If an image is used, right click or control click to open it in a new tab. Browsers like Chome will make the image link and active url so you can actually visit it and see the real image.
Hope this helps!
Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 2 years ago.
Improve this question
My initial searching indicates that for security reasons I might not be able to do this, but I'll ask anyway. How can I get the color of any specified pixel on a web page?
To be more specific, this is my own web page which contains background-color, images, css-modified-elements. I need to know the color of a specific pixel on the fully rendered web page. The info can't be from a screen-grab, because I want to modify my fully rendered page.
Ouch !!!
Did someone really “minus 1” me for asking genuine question?
Tough crowd!
To be more specific:
I want to add a user-moveable canvas element to the web page that visually alters the part of the web page that the canvas is hovering over. Think of the canvas element as a magnifying glass that the user can move across the web page. But the actual effect I want the canvas element to produce is a color-filter (hence the need for the underlying colors).
Can't be done w/ script+tricks. Maybe via a plugin
If you can set up a server-side browser to render pages for you - that might work.
https://chrome.google.com/webstore/detail/eye-dropper/hmdcmlfkchdmnmnmheododdhjedfccka?hl=en
Ok a few more details here....
With Chrome plug in you can load up your page, and use the little dropper tool to select a segment of the page that you are interested in finding out the color. It's straight forward, but to your "Edit" its sort of screen scraping. Not sure if you can or can't use chrome.
If you can't use a plug-in, do you have the ability to select the html element via right click?
You could use the html2canvas library to rerender your webpage to a canvas whenever your DOM updates, then grab the pixel information from the canvas.
However, it sounds like what you're trying to achieve might be possible to do with css filters. Here's a demo of what css filters can do.
You would need to render two layers with the same HTML, where the top layer has the filter applied to it and is cropped to cover only the desired area.