HTML SVG 라듐시계 (로마 숫자)

플래시 없이 HTML5와 SVG, CSS와 자바스크립트를 이용하여 구현해 본 라듐시계(원본 포스트)의 로마 숫자 버전입니다. 라듐 특유의 푸른 야광빛을 구현하였습니다. 시각 숫자는 로마 숫자로 표현하였으며, 시각에 따라 회전되게 구현하였습니다. 본래 4에 해당하는 로마 숫자는 IV이지만 시계에서는 전통적으로 IIII를 사용한다는 점을 고려하여 여기서도 IIII로 표현하였습니다. 링크는 다음과 같습니다: http://parkjuwan.dothome.co.kr/webapp/radiumclock/roman.html

PHP로 SVG 문서 만들기

이 포스트에서는 PHP로 SVG 문서를 만드는 방법을 설명합니다. 방법은 PHP로 간단한 XML 만들기 포스트에 설명한 방법과 대동소이합니다 SVG가 XML 형식으로 되어 있기 때문입니다. 일단 코드는 다음과 같습니다. <?php // Create SVG XML $svg = new SimpleXMLElement(‘<svg />’); $svg->addAttribute(‘version’, ‘1.1’); $svg->addAttribute(‘xmlns’, ‘http://www.w3.org/2000/svg’); $svg->addAttribute(‘xmlns:xmlns:xlink’, ‘http://www.w3.org/1999/xlink’); // Width and Height $svg->addAttribute(‘width’, 100); $svg->addAttribute(‘height’, 100); // Elements $rect = … 더 보기 “PHP로 SVG 문서 만들기”

HTML SVG 라듐시계 (바이너리)

플래시 없이 HTML5와 SVG, CSS와 자바스크립트를 이용하여 구현해 본 라듐시계(원본 포스트)의 바이너리 버전입니다. 라듐 특유의 푸른 야광빛을 구현하였습니다. 또한, 연도와 월, 일, 요일을 위쪽에 표시하고 시, 분, 초를 아래쪽에 표시합니다. 링크는 다음과 같습니다: http://parkjuwan.dothome.co.kr/webapp/radiumclock/binary.html

HTML5와 SVG로 구현한 라듐시계

플래시 없이 HTML5와 SVG, CSS와 자바스크립트를 이용하여 구현해 본 라듐시계입니다. 라듐 특유의 푸른 야광빛을 구현하였습니다. 링크는 다음과 같습니다: http://parkjuwan.dothome.co.kr/webapp/radiumclock/ 무지개 버전은: http://parkjuwan.dothome.co.kr/webapp/radiumclock/rainbow.html GitHub: https://github.com/JuwanPark/WebApps/tree/master/radiumclock