Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

how to fill an image with a pattern

Featured Replies

hello,
I want to make a website which I can change the pattern of an area with another one that the user choose.

For example.This is the first:

3343jpc.jpg

and I want to apply pattern to make the following picture
fw7qxe.jpg
I have no problem with selecting a specific area of the image.
is there any way to do it with php or any web platform.How should I do that?

Thanks

  • Author

I think you'll need different images that are already generated using Photoshop (or another Graphics package), and then swap the correct image into the page when the user requests it.

 

If there is a clevererererer way of doing this then I'd also like to know!

No,It's not possible to use different images Because there are lot's of patterns and colors and many other sofas.the machine have to do this.

and I forgot ,There is a website doing that currently.The address is this:fama.es

Thanks

  • Author

I found a solution but the first step is to create bump-map from the image which can be done by photoshop.Is there anyway to create bump-map from server side or client side without using photoshop or other software.I need to so that because I'm making a cms for that.

Thanks

I don't think it's possible to auto generate good quality outcome in this case. As you have to take shadows in consideration & bends etc. I think it's too complex in this case.

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.