먼저, Raphaël 라이브러리를 HTML 페이지에 포함해야 합니다. 다음은 Raphaël 라이브러리를 포함하는 예시 코드입니다:

<script src="raphael.js"></script>

그런 다음, 도형을 생성하고 해당 도형 객체의 속성을 변경할 수 있습니다. Raphaël 라이브러리를 사용하여 원을 생성하고 색상과 크기를 변경하는 예시 코드는 다음과 같습니다:

// 도형 생성
var paper = Raphael("mycanvas", 500, 500); // 캔버스 생성
var circle = paper.circle(250, 250, 100); // 원 생성

// 속성 변경
circle.attr("fill", "red"); // 원의 색상을 빨간색으로 변경
circle.attr("stroke", "blue"); // 원의 테두리 색상을 파란색으로 변경
circle.attr("stroke-width", 2); // 원의 테두리 두께를 2로 변경

위의 예시 코드에서 circle.attr 메소드를 사용하여 원의 속성을 변경할 수 있습니다. 첫 번째 인자는 변경할 속성의 이름이고, 두 번째 인자는 변경할 속성의 값입니다. 여기서는 "fill", "stroke", "stroke-width" 속성을 변경하였습니다.

Raphaël을 사용하여 다양한 속성을 변경할 수 있으며, 자세한 내용은 Raphaël의 공식 문서를 참조하시기 바랍니다.

참고 자료:

• Raphaël 공식 웹사이트: http://dmitrybaranovskiy.github.io/raphael/
• Raphaël 속성 변경 예시: https://raphaeljs.com/reference.html#Element.attr