Aggiungi testo a un'immagine@lwx228 domandò Come si aggiunge del testo a una cella in cui è caricata un'immagine?Questa idea è piuttosto semplice: metti l'immagine in una cornice, usa uno script grafico per decorare, scatta una nuova immagine. I dettagli per ottenere una bella immagine di andata e ritorno sono un po' più complicati. La cornice deve essere ridimensionata e ridimensionata, l'immagine posizionata e l'immagine finale ritagliata.
// open the original
original = New Image(
"https://upload.wikimedia.org/wikipedia/commons/thumb/f/fc/Oroblanco_%28sweetie%29_fruits.jpg/320px-Oroblanco_%28sweetie%29_fruits.jpg"
);
{xSize, ySize} = original << size;
// use a frame to do the drawing, make the original fit the frame exactly
gb = Graph Box(
<<BACKGROUNDCOLOR></BACKGROUNDCOLOR>
I risultati, sotto, mostrano l'immagine che riempie la cornice con le decorazioni e tre immagini sotto. L'immagine a sinistra è l'originale, il centro è modificato e la destra è la differenza. La differenza è principalmente nera, nessun cambiamento, il che è positivo. Il testo nella differenza è sfocato perché l'anti-aliasing ha apportato lievi modifiche ai margini del testo.
Circles and text added on top of fruit picture.Circles and text added on top of fruit picture.Circles and text added on top of fruit picture.Circles and text added on top of fruit picture.Circles and text added on top of fruit picture.Circles and text added on top of fruit picture.Circles and text added on top of fruit picture.Circles and text added on top of fruit picture.Circles and text added on top of fruit picture.Circles and text added on top of fruit picture.Circles and text added on top of fruit picture.Circles and text added on top of fruit picture.Circles and text added on top of fruit picture.Circles and text added on top of fruit picture.Circles and text added on top of fruit picture.Circles and text added on top of fruit picture.Circles and text added on top of fruit picture.Circles and text added on top of fruit picture.Circles and text added on top of fruit picture.Circles and text added on top of fruit picture.Circles and text added on top of fruit picture.Circles and text added on top of fruit picture.Circles and text added on top of fruit picture.Circles and text added on top of fruit picture.Circles and text added on top of fruit picture.Circles and text added on top of fruit picture.Circles and text added on top of fruit picture.Circles and text added on top of fruit picture.Circles and text added on top of fruit picture.Cerchi e testo aggiunti sopra l'immagine della frutta.
Immagine da Ritaglia un'immagine JPG spiegando come funziona il raccolto.
Visualizza altro...
Use a graphics frame box to add text and lines on top of a picture.Use a graphics frame box to add text and lines on top of a picture.Use a graphics frame box to add text and lines on top of a picture.Use a graphics frame box to add text and lines on top of a picture.Use a graphics frame box to add text and lines on top of a picture.Use a graphics frame box to add text and lines on top of a picture.Use a graphics frame box to add text and lines on top of a picture.Use a graphics frame box to add text and lines on top of a picture.Use a graphics frame box to add text and lines on top of a picture.Use a graphics frame box to add text and lines on top of a picture.Use a graphics frame box to add text and lines on top of a picture.Use a graphics frame box to add text and lines on top of a picture.Use a graphics frame box to add text and lines on top of a picture.Use a graphics frame box to add text and lines on top of a picture.Use a graphics frame box to add text and lines on top of a picture.Use a graphics frame box to add text and lines on top of a picture.Use a graphics frame box to add text and lines on top of a picture.Use a graphics frame box to add text and lines on top of a picture.Use a graphics frame box to add text and lines on top of a picture.Use a graphics frame box to add text and lines on top of a picture.Use a graphics frame box to add text and lines on top of a picture.Use a graphics frame box to add text and lines on top of a picture.Use a graphics frame box to add text and lines on top of a picture.Use a graphics frame box to add text and lines on top of a picture.Use a graphics frame box to add text and lines on top of a picture.Use a graphics frame box to add text and lines on top of a picture.Use a graphics frame box to add text and lines on top of a picture.Use a graphics frame box to add text and lines on top of a picture.Use a graphics frame box to add text and lines on top of a picture.Utilizzare una cornice grafica per aggiungere testo e linee sopra un'immagine.
Utilizzare una cornice per aggiungere testo e linee a un'immagine.
Ri: Aggiungi testo a un'immagineOK
Grazie Craig!
gb[framebox(1)]<<ADD image=""></ADD>
Re: Aggiungere testo a un'immagineSÌ. È un po' più difficile, le spiegazioni seguono.
// open the original
original = New Image(
"https://upload.wikimedia.org/wikipedia/commons/thumb/f/fc/Oroblanco_%28sweetie%29_fruits.jpg/320px-Oroblanco_%28sweetie%29_fruits.jpg"
);
{xSize, ySize} = original << size;
overlay1 = new image("https://us.v-cdn.net/6038925/uploads/images/35680iA0171FFF13D53E06/NaturalCat.png");// cat
{xOverlay1Size, yOverlay1Size} = overlay1 << size;
dt = open("$sample_data/big class families.jmp","invisible");
overlay2 = dt:picture[1];// katie
overlay2<<SCALE></SCALE>
<P> </P>
<P><SPAN class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="Pictures added over another picture." style="width: 971px;"><SPAN class="lia-inline-image-display-wrapper" image-alt="Pictures added over another picture." style="width: 971px;"><SPAN class="lia-inline-image-display-wrapper" image-alt="Pictures added over another picture." style="width: 971px;"><SPAN class="lia-inline-image-display-wrapper" image-alt="Pictures added over another picture." style="width: 971px;"><span class="lia-inline-image-display-wrapper" image-alt="Pictures added over another picture." style="width: 971px;"><img src="https://us.v-cdn.net/6038925/uploads/images/43745i912405FE3CFBC3E8/PicturePlusPicture.png" role="button" title="PicturePlusPicture.png" alt="Pictures added over another picture." /><span class="lia-inline-image-caption" onclick="event.preventDefault();">Pictures added over another picture.</span></span><SPAN class="lia-inline-image-caption" onclick="event.preventDefault();">Pictures added over another picture.</SPAN></SPAN><SPAN class="lia-inline-image-caption" onclick="event.preventDefault();">Pictures added over another picture.</SPAN></SPAN><SPAN class="lia-inline-image-caption" onclick="event.preventDefault();">Pictures added over another picture.</SPAN></SPAN><SPAN class="lia-inline-image-caption" onclick="event.preventDefault();">Immagini aggiunte sopra un'altra immagine.</SPAN></SPAN></P>
<P>Lo script grafico non può aggiungere l'immagine. Usa il < <ADDIMAGE message="" instead.=""><></ADDIMAGE></P><P> </P>
<P>La funzione GraphBox(...) accetta tre tipi di argomenti: parametri, messaggi e script. La procedura migliore è inserire prima i parametri e i messaggi e alla fine un singolo script. I parametri e i messaggi sono separati da virgole. Lo script utilizza il punto e virgola per separare le istruzioni.</P>
<P> </P>
<CODE class=" language-jsl">gb = Graph Box(
<<BACKGROUNDCOLOR></BACKGROUNDCOLOR>
<P> </P>
<P>Moltissimi script di riquadri grafici sono stati scritti con virgole accidentali anziché punto e virgola. Ogni virgola fa iniziare un nuovo script, separato dallo script precedente. L'esecuzione di più script da parte di JMP comporta un sovraccarico aggiuntivo quando ne basterebbe uno solo.</P>
<P> </P>Ri: Aggiungi testo a un'immagineCiao Craig!
Mi chiedo se JSL possa sovrapporre una piccola immagine nella posizione specificata dell'immagine?
Ho cercato nel manuale di aiuto e non sono riuscito a trovare la risposta.
Questo è tutto ciò a cui riesco a pensare. Grazie esperti!
img = Open( "$SAMPLE_IMAGES/tile.jpg", jpg );
{x, y} = img << size;
img << crop( Left( 100 ), Right( x - 251 ), top( 0 ), bottom( y - 0 ) );
{x1, y1} = img << size;
img2 = Open( "$SAMPLE_IMAGES/black rhino footprint.jpg", jpg );
img << copy;//？？
img2 << paste(100,25);//？？
obj = New Window( "paste", New Image( img2 ) );<BR />
Esempio: Aggiungi testo a un'immagineCome aumentare la trasparenza del ritratto, ad esempio al 50%
Grazie Esperti!
Ri: Aggiungi testo a un'immagineBuona domanda. Vedi righe 12-18
Katie is now 50% transparent.Katie is now 50% transparent.Katie is now 50% transparent.Katie is now 50% transparent.Katie is now 50% transparent.Katie is now 50% transparent.Katie is now 50% transparent.Katie is now 50% transparent.Katie is now 50% transparent.Katie is now 50% transparent.Katie is now 50% transparent.Katie is now 50% transparent.Katie is now 50% transparent.Katie is now 50% transparent.Katie is now 50% transparent.Katie ora è trasparente al 50%.
// open the original
original = New Image(
"https://upload.wikimedia.org/wikipedia/commons/thumb/f/fc/Oroblanco_%28sweetie%29_fruits.jpg/320px-Oroblanco_%28sweetie%29_fruits.jpg"
);
{xSize, ySize} = original << size;
overlay1 = new image("https://us.v-cdn.net/6038925/uploads/images/35680iA0171FFF13D53E06/NaturalCat.png");// cat
{xOverlay1Size, yOverlay1Size} = overlay1 << size;
dt = open("$sample_data/big class families.jmp","invisible");
overlay2 = dt:picture[1];// katie
// adjusting transparency. Katie already has a transparent background, alpha=0, and a mostly opaque
// foreground, alpha=1. Katie probably has some antialiasing around the edge of the shape, 0 < alpha < 1.
// rather than set all the alpha for the entire square to .5, multiply the existing alpha by .5.
// this will leave the alpha=0 at 0, and modify the others...
{r,g,b,a} = overlay2<<GETPIXELS></GETPIXELS>
Sarebbe un errore da usare
{r,g,b,a} = overlay2<<GETPIXELS></GETPIXELS>
che ignorerebbe i valori esistenti bloccando 0,5 dove prima era 0,0.
The cut-away parts are no longer completely transparent.The cut-away parts are no longer completely transparent.The cut-away parts are no longer completely transparent.The cut-away parts are no longer completely transparent.The cut-away parts are no longer completely transparent.The cut-away parts are no longer completely transparent.The cut-away parts are no longer completely transparent.The cut-away parts are no longer completely transparent.The cut-away parts are no longer completely transparent.The cut-away parts are no longer completely transparent.The cut-away parts are no longer completely transparent.The cut-away parts are no longer completely transparent.The cut-away parts are no longer completely transparent.The cut-away parts are no longer completely transparent.The cut-away parts are no longer completely transparent.Le parti tagliate non sono più completamente trasparenti.
Il [0,0] esegue un'assegnazione di matrice anziché modificare a in uno scalare. Il quadrato grigio chiaro mi dice che i pixel tagliati trasparenti sono probabilmente bianchi e metterli davanti al grigio più scuro con il 50% provoca un grigio più chiaro.
Esempio: Aggiungi testo a un'immagineGrazie Craig! Come è possibile rimuovere direttamente il valore dell'asse x e dell'asse y dalla finestra di disegno in JSL e annullare il testo dell'etichetta dell'asse x e dell'asse y?
Esempio: Aggiungi testo a un'immaginedt = Open( "$SAMPLE_DATA/Big Class.jmp" );
p1 = dt << Graph Builder(
Variables( X( :weight ), Y( :height ), Group X( :age ), Color( :sex ) ),
Elements( Bar( X, Y, Legend( 5 ), Response Axis( "X" ), Summary Statistic( "Sum" ) ) )
);
img = p1 << getpicture ;
{r,g,b,a} = img<<GETPIXELS></GETPIXELS>How can Remove white background?Thanks Experts!
Re: Aggiungere testo a un'immagineColore di sfondo trasparente per i grafici
Un modo per ottenere uno sfondo trasparente è salvare un SVG e quindi modificare l'SVG per rimuovere i rettangoli di sfondo. Puoi farlo con un editor come Inkscape oppure puoi scrivere JSL per farlo.
dt = Open( "$sample_data/big class.jmp" );
gb = dt << Graph Builder(
Show Control Panel( 0 ),
Variables( X( :height ), Y( :weight ), Overlay( :sex ) ),
Elements( Points( X, Y, Legend( 1 ) ), Smoother( X, Y, Legend( 2 ) ) ),
SendToReport(
Dispatch( {}, "Graph Builder", FrameBox,
// I chose fedcba to be unique, used in patmatch below
{Background Color( -Hex To Number( "fedcba" ) )}
)
)
);
gb << savepicture( "$temp/temp.svg", "svg" );
txt = Load Text File( "$temp/temp.svg" );
Write( txt ); // to log, for debugging
/* remove something like this:
<G fill="#FEDCBA">
<RECT stroke="none" x="75.5" y="33.5" width="509" height="420"></RECT>
</G>
*/
rc = Pat Match( txt, "<G fill="\!">" + Pat Arb() >> ModelloBadFill + "</G>" );
If( !rc,
Throw( "fill pattern not found" )
);
// the BadFillPattern occurs twice, for two different colors. remove cases of
// <RECT stroke="none" x="75.5" y="33.5" width="509" height="420"></RECT>
// (the svg command that puts a rectangle of color behind the graph's data.)
nfound = 0;
While( Pat Match( txt, BadFillPattern, "" ), nfound += 1 );
If( nfound != 2,
Throw( "nfound=" || Char( nfound ) )
);
Save Text File( "$temp/temp.svg", txt );
// I don't know how you'll load this file on windows to prove it is transparent.
Open( "$temp/temp.svg" ); // this *does* load it, but there is nothing behind it to show through.
// you can open in FireFox and fiddle with the background color to observe the transparency
FireFox background shows through the transparency.FireFox background shows through the transparency.Lo sfondo di FireFox è visibile attraverso la trasparenza.
So che esistono strumenti Linux per convertire SVG in PNG trasparente. Probabilmente questi strumenti esistono anche su Win.
modifica: molte idee non testate https://stackoverflow.com/questions/6589358/convert-svg-to-png-in-python
Re: Aggiungere testo a un'immagineSì, ormai uso sempre questo comando
run program(executable("I:\00\imdisplay\magick.exe"),options({"C:\3\A1.png -fuzz 0% -transparent white C:\3\A2.png"}));
https://stackoverflow.com/questions/12424018/how-to-replace-white- background-color-with-transparent-of-an-image-in-imagemagic
