16 진수 색상 코드 값을 PHP의 정확한 음영으로 변환하려면 어떻게해야합니까?
옵션 태그에 표시되는 #codes 값은 색상 코드 values.I 어떤 사람이 그가 picking.How 내가 할 수있는 어떤 색깔 이해할 수 있도록이 값 외에 정확한 색조를 보여줄 필요가 실제로 그 PHP와 자바 스크립트에서? 제발 도와주세요
16 진수 색상 코드 값을 PHP의 정확한 음영으로 변환하려면 어떻게해야합니까?
옵션 태그에 표시되는 #codes 값은 색상 코드 values.I 어떤 사람이 그가 picking.How 내가 할 수있는 어떤 색깔 이해할 수 있도록이 값 외에 정확한 색조를 보여줄 필요가 실제로 그 PHP와 자바 스크립트에서? 제발 도와주세요
다음은 사용자가 색상을 선택할 때 색상을 설정하는 방법의 샘플입니다. 이것은 이해하기 쉬워야합니다. 사용자가 select 옵션을 변경할 때마다 값을 가져 와서 색상으로 선택한 요소의 배경을 설정합니다. 이것은 jQuery가 아닌 순수 JS를 사용하여 수행됩니다.
<?php
$colors = ['#ff0000','#00ff00','#0000ff'];
?>
<select onchange="colorChange()" id = "color-picker">
<?php
foreach ($colors as $color) {
echo "<option value='$color'>$color</option>";
}
?>
</select>
<div id="color-picked">
</div>
<style type="text/css">
#color-picker {
float: left;
height: 20px;
}
#color-picked {
width: 20px;
height: 20px;
border-radius: 10px;
float: left;
margin-left: 20px;
}
</style>
<script type="text/javascript">
function colorChange() {
colorPicker = document.getElementById('color-picker');
colorPicked = document.getElementById('color-picked');
colorPicked.style.background = colorPicker.value
console.log(colorPicker.value)
}
</script>
도움이되는지 알려주세요. –
몇 가지 ... 고맙습니다. –
예 완벽하게 작동했습니다. 다중 선택으로 나를 도울 수 있습니까? 사람이 여러 색상을 선택하고 싶다면 .. –
이미 작성한 코드를 공유 할 수 있습니까? –
지금까지 아무것도 ... 조금 혼란스러운 –
전에 색상 코드 값을 알고 있습니까? –