Search code examples
javascriptdrawlayerphotoshop-script

Draw an HTML element on a Photoshop layer

I need to display a simple html element on a layer on Photoshop using extendscript (JavaScript).

Does someone have any idea how to do this please ?

Here is the html element :

<div class="number">1</div>

.number {
  width: 50px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  font-size: 13px;
  background-color: yellow;
  border-radius: 10px;
  opacity: 0.5; 
}
Solution

  • Didn't find how to draw an html element, but drawed a rectangle on a layer, created a text layer, then merge the both layers together :)