Σχεδιαση

Ερωτήσεις και απαντήσεις σχετικές με την HTML, XHTML και την κατασκευή σελίδων για το Web.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
papas2
Δημοσιεύσεις: 59
Εγγραφή: 15 Μάιος 2004 18:16

Σχεδιαση

Δημοσίευση από papas2 » 04 Φεβ 2010 09:51

Ξερει κανεις καποιον τροπο να σχεδιαζω ενα κυκλο σε μια ιστοσελιδα και να γεμιζω με χρωμα ενα μερος αυτου αναλογα με την τιμη μιας μεταλητης?.Τουλαχιστον υπαρχει τροπος ο κυκλος να ειναι μια εικονα και το γεμισμα να γινεται με εναν overlay τροπο?.

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6231
Εγγραφή: 30 Νοέμ 2004 03:09

Σχεδιαση

Δημοσίευση από fafos » 04 Φεβ 2010 16:38

papas2 έγραψε:Ξερει κανεις καποιον τροπο να σχεδιαζω ενα κυκλο σε μια ιστοσελιδα και να γεμιζω με χρωμα ενα μερος αυτου αναλογα με την τιμη μιας μεταλητης?.Τουλαχιστον υπαρχει τροπος ο κυκλος να ειναι μια εικονα και το γεμισμα να γινεται με εναν overlay τροπο?.
chart dhladh?

Άβαταρ μέλους
dimsis
Reporter
Δημοσιεύσεις: 7994
Εγγραφή: 25 Ιούλ 2001 03:00

Σχεδιαση

Δημοσίευση από dimsis » 04 Φεβ 2010 19:29

Σε flash λογικά είναι εύκολο αυτό.

Αν δεν σου κάνει μπορείς να δεις και αυτό http://www.php.net/manual/en/function.imagefill.php

ή μπορείς να βάλεις μια κυκλική εικόνα "μάσκας" στο top layer (png / gif transparent) και από πίσω να έχεις π.χ. ένα div στο δεύτερο layer και να το γεμίζεις με το χρώμα που θέλεις.

Γίνετε και με canvas (html 5) / svg βέβαια αλλά δεν υποστηρίζονται από όλους τους browsers.
Δες π.χ. εδώ με firefox 1.5 και βάλε http://billmill.org/static/canvastutorial/color.html (κάνε κλικ στο Run Code) και εδώ για περισσότερα για το canvas

για ακόμα πιο προχωρημένες καταστάσεις δες μια online έκδοση του παλιού Microsoft paint (της ζωγραφικής των windows): http://canvaspaint.org/

Άβαταρ μέλους
burnmind
Script Master
Δημοσιεύσεις: 954
Εγγραφή: 26 Σεπ 2009 02:14
Τοποθεσία: UK
Επικοινωνία:

Σχεδιαση

Δημοσίευση από burnmind » 05 Φεβ 2010 22:51

Υποθέτω πως θέλεις να φτιάξεις κάτι σαν pie chart. Μπορείς να το κάνεις και με php, με τη χρήση της GD Library. Συγκεκριμένα, μπορείς να το κάνεις χρησιμοποιώντας το function imagefilledarc. Αν δε σου αρέσει η GD, υπάρχουν πολλές άλλες παρόμοιες βιβλιοθήκες.

papas2
Δημοσιεύσεις: 59
Εγγραφή: 15 Μάιος 2004 18:16

Σχεδιαση

Δημοσίευση από papas2 » 07 Φεβ 2010 15:03

Ευχαριστω για την ανταποκριση.Θελω απλως ενα σκαριφημα οπου θα "γεμιζω" μια κυλινδρικη με ελειψοειδη ακρα δεξαμενη αναλογα με το υψος του υγρου.Το σχημα ειναι καπως ετσι:(==) αν το καταλαβαινετε.Το προβλημα ειναι οτι λογω σχηματος τα layers ειναι δυσκολα στη διαχειρηση τους.Απο php δε ξερω πολλα πραγματα αλλα νομιζω οτι επειδη η σελιδα τρεχει στον Otenet κατω απο windows δεν υποστηριζει php.Με Vbscript καμια ιδεα?.

Άβαταρ μέλους
dimsis
Reporter
Δημοσιεύσεις: 7994
Εγγραφή: 25 Ιούλ 2001 03:00

Σχεδιαση

Δημοσίευση από dimsis » 07 Φεβ 2010 22:10

Φτιάξε μια διάφανη εικόνα με το σχήμα που μας περιγράφεις, και άλλαζε της το χρώμα με javascript:

demo: http://www.avadaz.com/playground/layersoneoverother.htm

Κώδικας: Επιλογή όλων

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http&#58;//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http&#58;//www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>transparent image over layer - fill layer with color</title>
<style>
#dexameni &#123;
	width&#58; 370px;
	height&#58; 322px;
	background&#58;url&#40;dexameni.png&#41; no-repeat;
	background-color&#58;brown;
&#125;
</style>
<script type="text/javascript">
function AllaxeXrwma&#40;xrwma&#41;&#123;
	var ql = document.getElementById&#40;"dexameni"&#41;; 
	ql.style.backgroundColor=xrwma;
&#125;
</script>
</head>
<body>
<div id="dexameni"></div>
<h1>Διάλεξε χρώμα</h1>
<form>
  <button id="button1" onclick="AllaxeXrwma&#40;'brown'&#41;;return false;">Καφέ</button>
  <button id="button2" onclick="AllaxeXrwma&#40;'red'&#41;;return false;">Κόκκινο</button>
  <button id="button3" onclick="AllaxeXrwma&#40;'blue'&#41;;return false;">Μπλε</button>
</form>
</body>
</html>

Απάντηση

Επιστροφή στο “HTML και XHTML”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 1 επισκέπτης