현재 위치

홈 ›› Forums ›› 공부 ›› 프로그래밍 QnA

웹에서 특정도형 안에 글 입력하는 툴이 있나요?

grepin의 이미지
글쓴이: grepin / 작성시간: 화, 2011/10/11 - 1:17오후

포토샵이나 파워포인트처럼 특정 도형을 만들어놓고
그 안에 글을 입력 할 수 있는 기능을 가진 웹에서 사용가능한 라이브러리가 혹시 있을까요?
만약에 그런게 있다면, 글과 그 도형의 좌표 등의 정보를 가져와서
안드로이드에서 똑같이 구현이 가능한지도 알고 싶습니다.
답변 부탁드리고, 좋은 하루 되세요.

Forums: 
프로그래밍 QnA
cleansugar의 이미지

글쓴이: cleansugar / 작성시간: 화, 2011/10/11 - 3:42오후

div 태그를 쓰면 됩니다. 레이어같이 되어있고 좌표 지정할 수 있습니다.

재벌 2세가 재벌이 될 확률과
금메달리스트 2세가 금메달을 딸 확률이 비슷해지도록
자유오픈소스 대안화폐를 씁시다.

아이디의 아이디어 무한도전
http://blog.aaidee.com

귀태닷컴
http://www.gwitae.com

ftwinkle의 이미지

글쓴이: ftwinkle / 작성시간: 수, 2011/10/12 - 4:11오후

안드로이드 단에서 도형이나 이런거를 그릴때 사용하는 API가 OPEN GL ES 로 알고 있습니다...

그럼 이걸 웹에서 구현하기 위해서 API로 OPEN GL을 사용하면 되는데 그걸 지원하는게

WEB GL입니다...

http://www.khronos.org/webgl/

구현하기 위해서는 아마 자바스크립트나 다른 스크립트 언어를 사용해야겠지요...

http://www.opengl.org/discussion_boards/ubbthreads.php?ubb=showflat&Number=272767

이걸 기반으로 만든 또다른 API가...

구글 웹 툴킷... http://code.google.com/p/gwtgl/

이 있습니다...

요거 하실려면 기본적으로 open gl, javascript(+jquery), 서버사이드 언어(JSP, ASP, PHP) 중 한개 정도 아셔야 할거같습니다.

음 그리고 좌표 정보등을 서버 하나 놓고 그리면 그 서버에 저장한다음에... 웹이나 이쪽에서 다시 가져와서

렌더링 해준다면 가능하겠지만... 이게 또 문제가 되는게 안드로이드쪽에서 그림을 그렸을때 이걸 실시간으로

웹에서 가져와야 하는데... 그러려면 Comet 이라는 개념이 들어가겠네요...ㅎㄷㄷ 점점 복잡해 집니다...

반대로 생각해도 Web쪽에서 그림을 그렸을때 안드로이드쪽에서 데이터를 실시간으로 확인해서 반영해야 하는데...

그쪽에서는 어떤식으로 처리해주는지는 모르겠네요...

그리고 추가적으로...

flash나 activeX, java applet으로도 가능하긴 할 겁니다...

댓글 달기

텍스트 포맷에 대한 자세한 정보

Filtered HTML

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

BBCode

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param>
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

Textile

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • You can use Textile markup to format text.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Markdown

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • Quick Tips:
    • Two or more spaces at a line's end = Line break
    • Double returns = Paragraph
    • *Single asterisks* or _single underscores_ = Emphasis
    • **Double** or __double__ = Strong
    • This is [a link](http://the.link.example.com "The optional title text")
    For complete details on the Markdown syntax, see the Markdown documentation and Markdown Extra documentation for tables, footnotes, and more.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Plain text

  • HTML 태그를 사용할 수 없습니다.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 줄과 단락은 자동으로 분리됩니다.
댓글 첨부 파일
이 댓글에 이미지나 파일을 업로드 합니다.
파일 크기는 8 MB보다 작아야 합니다.
허용할 파일 형식: txt pdf doc xls gif jpg jpeg mp3 png rar zip.
CAPTCHA
이것은 자동으로 스팸을 올리는 것을 막기 위해서 제공됩니다.