view페이지 <canvas> 선그리기 질문입니다.

view페이지에 출력이 되는 내용부분에 canvas를 적용하여 편집을 하도록 구현중인 초보자입니다.

기초적인 canvas의 사용법은 숙지를하였고 해당 canvas를 사용하여 선이나 도형을 그리고 그 그린 부분에 대한 정보를 이미지파일로 저장하는 방법까지 구현을 한 상태입니다.

이제 view페이지에서 출력이 되는 내용과 canvas를 합쳐서 사용을 하려고 하는데 좀처럼 되지가 않네요 ㅜ

예를들어 view페이지에 출력될 내용이 

ex) 

-----------------------------

|        테스트                |

|        입니다                |

-----------------------------

주위의 테두리는 출력해야하는 div를 표현한 것이도 중간의 텍스트가 view페이지에 보여지는 출력된 내용입니다. 여기서 canvas를 이용하여 편집을 하고 저장을 하면 위의 텍스트도 같이 이미지에 저장이 되도록하고싶은데... <canvas></canvas> 안에는 결과값을 넣어도 출력이 되지가 않더라구요...ㅜㅜ

혹시 이러한 방법을 알고있는 고수분들은 조그마한 조언이라도 해주시면 감사하겠습니다.