Avatar billede beef12 Nybegynder
21. august 2006 - 17:26 Der er 13 kommentarer og
1 løsning

Kan man vinkle en tekst

Jeg vil, med html, css eller javascript, vinkle min tekst 45 grader. Er der nogen der ved hvordan man bærer sig ad med det?
Avatar billede apo Praktikant
21. august 2006 - 17:50 #1
Det er, så vidt jeg ved, ikke noget der er understøttet de forskellige browsere, på nuværende tidspunkt i hvert fald.

Som en nødløsning kan du lave en 45 grader vinklet tekst i .gif-format, og indsætte den i dit dokument.
Avatar billede boost Nybegynder
21. august 2006 - 18:00 #2
Det kan man ikke, kun i php via. GDlib så vidt jeg ved..

Du kan kun lave din tekst lodret, men det er kun IE der understøtter dette.. :/
Avatar billede beef12 Nybegynder
21. august 2006 - 18:14 #3
apo > skal desværre være dynamisk - så den går desværre ikke.
futurebb > hmm har set det lavet i diverse web-baserede rapporteringsværktøjer. Har du et link til det der GDLib og evt. en tutorial?
Avatar billede beef12 Nybegynder
21. august 2006 - 18:17 #4
Se her futurebb: http://www.ssi-developer.net/css/vertical-text.shtml
Desværre lodret, men man kan nøjes med css
Avatar billede roenving Novice
21. august 2006 - 18:17 #5
Avatar billede roenving Novice
21. august 2006 - 18:18 #6
flip er et IE-only-filter og derfor kun brugbar på intranet eller redigeringsværktøjer til CMS-systemer, resten må gøres serverside !-)
Avatar billede boost Nybegynder
21. august 2006 - 18:21 #7
beef12: Er det ikke også det jeg skriver at det kun er muligt lodret..

Du kan læse her hvordan du gør det i php: http://dk.php.net/manual/en/function.imagettftext.php
Avatar billede beef12 Nybegynder
21. august 2006 - 18:23 #8
jo - men jeg troede at du henviste til GDlib.
Avatar billede boost Nybegynder
21. august 2006 - 18:25 #9
Oki :)

Tak for points..
Avatar billede beef12 Nybegynder
21. august 2006 - 18:26 #10
Det skam mig der takker :-)
Avatar billede beef12 Nybegynder
21. august 2006 - 19:39 #11
Nu ved jeg ikke om du har prøvet det her før, men jeg fandt noget sample kode på den side du henviste til.

Når jeg bare opretter en php-fil uden noget andet virker nedenstående fint, men når jeg klæber det ind i min php/html kode, hvor det nu en gang hører til får jeg bare det hele spyttet ud i binær-kode halløj:

<?php
### Declare this script will be displayed as a PNG image.
header("Content-type: image/png");

####################### BEGIN USER EDITS #######################
$imagewidth = 500;
$imageheight = 200;
$fontsize = "8";
$fontangle = "80";
$font = "arial.ttf";
$text = "12-12-2007";
$backgroundcolor = "FFFFFF";
$textcolor = "000000";
######################## END USER EDITS ########################
### Convert HTML backgound color to RGB
if( eregi( "([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})", $backgroundcolor, $bgrgb ) )
{$bgred = hexdec( $bgrgb[1] );  $bggreen = hexdec( $bgrgb[2] );  $bgblue = hexdec( $bgrgb[3] );}
### Convert HTML text color to RGB
if( eregi( "([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})", $textcolor, $textrgb ) )
{$textred = hexdec( $textrgb[1] );  $textgreen = hexdec( $textrgb[2] );  $textblue = hexdec( $textrgb[3] );}
### Create image
$im = imagecreate( $imagewidth, $imageheight );
### Declare image's background color
$bgcolor = imagecolorallocate($im, $bgred,$bggreen,$bgblue);
### Declare image's text color
$fontcolor = imagecolorallocate($im, $textred,$textgreen,$textblue);
### Get exact dimensions of text string
$box = @imageTTFBbox($fontsize,$fontangle,$font,$text);
### Get width of text from dimensions
$textwidth = abs($box[4] - $box[0]);
### Get height of text from dimensions
$textheight = abs($box[5] - $box[1]);
### Get x-coordinate of centered text horizontally using length of the image and length of the text
$xcord = ($imagewidth/2)-($textwidth/2)-2;
### Get y-coordinate of centered text vertically using height of the image and height of the text
$ycord = ($imageheight/2)+($textheight/2);
### Declare completed image with colors, font, text, and text location
imagettftext ( $im, $fontsize, $fontangle, $xcord, $ycord, $fontcolor, $font, $text );
### Display completed image as PNG
echo imagepng($im);
### Close the image
imagedestroy($im);
?>
Avatar billede boost Nybegynder
21. august 2006 - 19:49 #12
Det er fordi at den kode skal være i en fil for sig selv du kan f.eks kalde den for image.php..

For at vise billedet skal du indsætte dette i din php/html fil:

<img src="image.php" width="500" height="200" />
Avatar billede beef12 Nybegynder
21. august 2006 - 20:12 #13
hmmm - der sker ikke ret meget. God nok er det binære snask væk, men den kan ikke vise billedet.
Avatar billede beef12 Nybegynder
21. august 2006 - 20:14 #14
jamen det var da sort - ændrede filnavnet generateimage.php til image.php, så virkede det.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester