starred/terminal
1
0
Fork 0
mirror of https://github.com/microsoft/terminal.git synced 2026-02-04 05:35:20 +00:00
Code Issues 19.0k Packages Projects Releases 20 Wiki Activity

Tile mode for background image stretch #4463

New Issue
Open
opened 2026-01-30 23:48:23 +00:00 by claunia · 2 comments
claunia commented 2026-01-30 23:48:23 +00:00
Owner
Copy Link

Originally created by @StrScr on GitHub (Oct 14, 2019).

Description of the new feature/enhancement

I'm trying to use a patterned GIF as a background image, but didn't find an option to tile it. A new option for setting the stretch mode to tile the image would be great. It would be a nice option as images like these simply don't look good under other modes or require extra effort to make them work, such as editing them and tiling them manually.

Here's the GIF I'm trying to use:
pmttyd

Proposed technical implementation details (optional)

Allow setting the "backgroundImageStretchMode" setting in the profiles to something like "tile". This would display the image at its native resolution from the top-left corner, repeating the image across the background until it's entirely covered.

Originally created by @StrScr on GitHub (Oct 14, 2019). # Description of the new feature/enhancement I'm trying to use a patterned GIF as a background image, but didn't find an option to tile it. A new option for setting the stretch mode to tile the image would be great. It would be a nice option as images like these simply don't look good under other modes or require extra effort to make them work, such as editing them and tiling them manually. Here's the GIF I'm trying to use: ![pmttyd](https://user-images.githubusercontent.com/12767988/66777197-891dbf80-ee85-11e9-9c19-63f7bb475656.gif) # Proposed technical implementation details (optional) Allow setting the `"backgroundImageStretchMode"` setting in the profiles to something like `"tile"`. This would display the image at its native resolution from the top-left corner, repeating the image across the background until it's entirely covered.
claunia commented 2026-01-30 23:48:24 +00:00
Author
Owner
Copy Link

@DHowett-MSFT commented on GitHub (Oct 14, 2019):

(I love this idea.)

@DHowett-MSFT commented on GitHub (Oct 14, 2019): (I love this idea.)
claunia commented 2026-01-30 23:48:24 +00:00
Author
Owner
Copy Link

@carlos-zamora commented on GitHub (May 15, 2020):

Got a chance to work on this a bit. Uploaded my branch to dev/cazamor/tile-background.

I was able to add the tile setting to backgroundImageStretchMode. I had to create a new enum which wasn't too bad.

The real problem here is that WUX::Controls::Image does not have a tile setting.

I was able to remove the Image control, and instead have the background image appear as the Background property for the Grid we're using in the Terminal Control (Grid.Background docs). The difference here, though, is that Grid.Background uses a Brush (or, in our case, an ImageBrush).

So, this gets us closer, but the big problem here is we need to create something like a TileImageBrush to extend an ImageBrush. And this TileImageBrush would just do the following:

  • get the size of the canvas it's trying to fill
  • get the size of the image it's trying to draw
  • repeatedly use the ImageBrush to draw the image in a tile format (doable with the two things above)

I'll probably be working on this as a side project, but if anybody has any thoughts on a different approach, or would like to take a stab at it, I've uploaded my branch to dev/cazamor/tile-background for you to try out. 😊

@carlos-zamora commented on GitHub (May 15, 2020): Got a chance to work on this a bit. Uploaded my branch to `dev/cazamor/tile-background`. I was able to add the `tile` setting to `backgroundImageStretchMode`. I had to create a new enum which wasn't too bad. The _real_ problem here is that [WUX::Controls::Image](https://docs.microsoft.com/en-us/uwp/api/Windows.UI.Xaml.Controls.Image?view=winrt-19041) does not have a tile setting. I was able to remove the `Image` control, and instead have the background image appear as the `Background` property for the `Grid` we're using in the Terminal Control ([Grid.Background docs](https://docs.microsoft.com/en-us/uwp/api/windows.ui.xaml.controls.panel.background?view=winrt-19041#Windows_UI_Xaml_Controls_Panel_Background)). The difference here, though, is that `Grid.Background` uses a `Brush` (or, in our case, an [`ImageBrush`](https://docs.microsoft.com/en-us/uwp/api/windows.ui.xaml.media.imagebrush?view=winrt-19041)). So, this gets us closer, but the big problem here is we need to create something like a `TileImageBrush` to extend an `ImageBrush`. And this `TileImageBrush` would just do the following: - get the size of the canvas it's trying to fill - get the size of the image it's trying to draw - repeatedly use the `ImageBrush` to draw the image in a tile format (doable with the two things above) I'll probably be working on this as a side project, but if anybody has any thoughts on a different approach, or would like to take a stab at it, I've uploaded my branch to `dev/cazamor/tile-background` for you to try out. 😊
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
⛺ Reserved
A11yCO
A11yMAS
A11ySev1
A11ySev2
A11ySev3
A11yTTValidated
A11yUsable
A11yVoiceAccess
A11yWCAG
Area-Accessibility
Area-AtlasEngine
Area-AzureShell
Area-Build
Area-Build
Area-Chat
Area-CmdPal
Area-CodeHealth
Area-Commandline
Area-CookedRead
Area-DefApp
Area-Extensibility
Area-Fonts
Area-GroupPolicy
Area-i18n
Area-Input
Area-Interaction
Area-Interop
Area-Localization
Area-Output
Area-Performance
Area-Portable
Area-Quality
Area-Remoting
Area-Rendering
Area-Schema
Area-Server
Area-Settings
Area-SettingsUI
Area-ShellExtension
Area-ShellExtension
Area-ShellExtension
Area-Suggestions
Area-Suggestions
Area-TerminalConnection
Area-TerminalControl
Area-Theming
Area-UserInterface
Area-VT
Area-Windowing
Area-WPFControl
AutoMerge
Blocking-Ingestion
Culprit-Centennial
Culprit-WinUI
Disability-All
Disability-Blind
Disability-LowVision
Disability-Mobility
External-Blocked-WinUI3
Fixed
Gathering-Data
good first issue
HCL-E+D
HCL-WindowsTerminal
Help Wanted
Impact-Compatibility
Impact-Compliance
Impact-Correctness
Impact-Visual
In-PR
InclusionBacklog
InclusionBacklog-Windows TerminalWin32
InclusionCommitted-202206
Issue-Bug
Issue-Docs
Issue-Feature
Issue-Feature
Issue-Question
Issue-Samples
Issue-Scenario
Issue-Task
Needs-Attention
Needs-Author-Feedback
Needs-Bisect
Needs-Discussion
Needs-Repro
Needs-Tag-Fix
Needs-Tag-Fix
Needs-Triage
No-Recent-Activity
Priority-0
Priority-1
Priority-2
Priority-3
Product-Cmd.exe
Product-Colortool
Product-Colortool
Product-Colortool
Product-Conhost
Product-Conpty
Product-Meta
Product-Powershell
Product-Terminal
Product-WSL
pull-request
Mirrored from GitHub Pull Request
 Resolution-Answered
Resolution-By-Design
Resolution-Duplicate
Resolution-External
Resolution-Fix-Available
Resolution-Fix-Committed
Resolution-No-Repro
Resolution-Won't-Fix
Severity-Blocking
Severity-Crash
Severity-DataLoss
spam
this-will-be-a-breaking-change
Tracking-External
WindowsTerminal_Win32
Work-Item
zAskModeBug
zInbox-Bug
No Label Area-UserInterface Help Wanted Issue-Task Priority-3 Product-Terminal
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
claunia
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/terminal#4463
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?