[SyntaxHighlighter]티스토리 블로그에 소스코드 올리기

자료실 2013. 3. 11. 14:09


1. http://alexgorbatchev.com/SyntaxHighlighter/download/ 에서 다운로드 받아 압축해제합니다.



2. 티스토리 블로그 관리자 설정메뉴 HTML/CSS 편집 파일업로드에 추가를 누른 후 압축해제한 파일 중 scripts 폴더의 파일들 전부 추가 시킵니다. 그리고 styles 폴더도 전부 추가 시킵니다.


3. HTML/CSS 편집을 해주어야 합니다. skin.html을 수정합니다.

우선 head 부분에 코드를 입력해야 합니다. 아래의 코드를 <head>~</head>사이에 삽입합니다. 즉 </head>위 부분에 넣으면 됩니다.

<link type="text/css" rel="stylesheet" href="./images/shCore.css">

<link rel="stylesheet" type="text/css" href="./images/shCoreRDark.css">

 

<script type="text/javascript" src="./images/shCore.js"></script>

<script type="text/javascript" src="./images/shAutoloader.js"></script>

<script type="text/javascript" src="./images/shBrushAppleScript.js"></script>

<script type="text/javascript" src="./images/shBrushAS3.js"></script>

<script type="text/javascript" src="./images/shBrushBash.js"></script>

<script type="text/javascript" src="./images/shBrushColdFusion.js"></script>

<script type="text/javascript" src="./images/shBrushCpp.js"></script>

<script type="text/javascript" src="./images/shBrushCSharp.js"></script>

<script type="text/javascript" src="./images/shBrushCss.js"></script>

<script type="text/javascript" src="./images/shBrushDelphi.js"></script>

<script type="text/javascript" src="./images/shBrushDiff.js"></script>

<script type="text/javascript" src="./images/shBrushErlang.js"></script>

<script type="text/javascript" src="./images/shBrushGroovy.js"></script>

<script type="text/javascript" src="./images/shBrushJava.js"></script>

<script type="text/javascript" src="./images/shBrushJavaFX.js"></script>

<script type="text/javascript" src="./images/shBrushJScript.js"></script>

<script type="text/javascript" src="./images/shBrushObjC.js"></script>

<script type="text/javascript" src="./images/shBrushPerl.js"></script>

<script type="text/javascript" src="./images/shBrushPhp.js"></script>

<script type="text/javascript" src="./images/shBrushPlain.js"></script>

<script type="text/javascript" src="./images/shBrushPowerShell.js"></script>

<script type="text/javascript" src="./images/shBrushPython.js"></script>

<script type="text/javascript" src="./images/shBrushRuby.js"></script>

<script type="text/javascript" src="./images/shBrushSass.js"></script>

<script type="text/javascript" src="./images/shBrushScala.js"></script>

<script type="text/javascript" src="./images/shBrushSql.js"></script>

<script type="text/javascript" src="./images/shBrushVb.js"></script>

<script type="text/javascript" src="./images/shBrushXml.js"></script>

<script type="text/javascript" src="./images/shLegacy.js"></script>

<script type="text/javascript">

    SyntaxHighlighter.all();

</script>



4. 테마 설정은 위에서 삽입한 소스코드중 2번째 줄 shCoreRDark.css 대신 다른 테마 css를 입력하면됩니다.


5. 사용하기


<script type="syntaxhighlighter" class="brush:cpp"><![CDATA[

#include<opencv\cv.h>
#include<opencv\highgui.h>

using namespace cv;

int main()
{
 Mat image = imread("sistar.jpg"); //Load image form disk
 if(!image.data) return -1; //Check image
 imshow("sistar",image); //Show image
 waitKey(0); //Wait for keystroke
 return 0;
}

]]></script>

티스토리 블러그의 접기 기능이용하여 사용한 예)

접기 기능설정하고, HTML 환경에서 위의 소스 삽입하면 아래처럼 됩니다.

* <script type="syntaxhighlighter" class="brush:cpp"><![CDATA[]]></script>


참고

1. http://bspfp.pe.kr/357

2. 브러쉬 번들 : http://alexgorbatchev.com/SyntaxHighlighter/manual/brushes/

3. 추가 옵션 사용법: http://alexgorbatchev.com/SyntaxHighlighter/manual/configuration/


반응형

'자료실' 카테고리의 다른 글

Bayes판정 이론_pdf(Bayesian Decision Theory)  (0) 2013.03.07
프린트가 금지된 PDF 문서를 프린트 하기  (0) 2013.02.21
Opencv 2.4.3 tutorials  (0) 2013.02.19

[MATLAB]컬러영상을 명암도영상으로 변환

MATLAB 2013. 3. 8. 15:50

1. 컬러(color)영상을 명암도(gray) 영상으로 변환하는 함수 rgb2gray()



반응형

[MATLAB]영상 읽기,보여주기,저장하기

MATLAB 2013. 3. 8. 15:10

1. 영상 읽기

imread('filename')


>>img= imread('sistar.jpg');


함수 size는 영상의 행 및 열의 크기를 알려준다.

>>size(img)

ans=

474 721

[R C X]= size(img);

행 수(R), 열 수(C), 차원 수(X)를 반환한다.


함수 whos는 배열에 관한 추가 정보를 표시

whos img

Name              Size                           Bytes  Class

color_image     474x721x3                      1025262  uint8 array

Grand total is 1025262 elements using 1025262 bytes


2. 영상 보여주기

imshow(img)


함수 pixval은 개별 픽셀들의 밝기 값을 표시한다. 

이 함수는 영상 위에 마우스로 커서를 움직임에 따라 커서 좌표와 해당 밝기 값이 그림 윈도우의 밑에 표시된다. 마우스를 좌측 클릭한 상태로 누르고 있으면 pixval은 처음과 현재 커서 위치 간의 유클리드 거리를 표시한다.


3. 영상 저장하기

imwrite(img,'filename')


여기서 filename의 문자열은 인식 가능한 확장자를 가져야 하지만, 세번째 인자로서 명기할 수도 있다.

예를 들면, img를 이름이 sis인 tiff파일에 쓴다면,

>>imwrite(img, 'sis', 'tif')

또는

>>imwrite(img, 'sis.tif')


imwrite(img, 'sis.jpg','quality',q)

여기서 q는 0~100사이의 정수이다(작을수록 JPEG 압축에 의한 열화가 크다).





반응형

[CCTV] CCTV활용형태

미분류 2013. 3. 7. 22:45

방법용 CCTV
가장 많이 사용되는 유형(107,258대 설치, 20107월 기준)
주택가, 골목길 등 비교적 넓은 공간을 감시
강남구청  CCTV
얼굴인식이 가능
녹화자료는 3년간 보존
180도 회전에 500m 거리의 사람얼굴 식별할 수 있는 줌 기능
경고방송
음성녹음

교통정보 수집용 CCTV(3,019대 설치, 20107월 기준)
교통흐름의 실시간 모니터링을 위한 것으로 녹화되고 있지 않음
서울·부산·대구 지방경찰청의 경우
운전자나 보행자의 얼굴을 인식할 수 있음
녹화도 가능하고 좌우 및 회전이 가능
음성녹취는 불가능
최고 50배줌 기능까지 갖추고 있어 고가장비에 속함

교통법규위반 등 단속용 CCTV(6,288대 설치, 20107월 기준)
촬영범위는 12~30m 로 운전자의 얼굴까지도 일부 인식 가능
도로교통법 제115조의2 3항에 의하면
위반한 사실이 사진·비디오테이프 기타 영상기록 매체에 의해 입증되는 경우에라고 하여 영상 기록 매체를 도로교통법 위반의 증거로 사용한다는 것에 대한 근거를 두고 있음
하지만 법규위반과 관련이 없는 사람까지 영상매체에 기록하는 것은 기본권 침해
수배차량 감지용 CCTV
차량 번호자동판독기(AVNI: Automatic Vehicle Number Identification) 시스템
차량이 이동이 많은 주요도로에 설치하여 주행 중인 수배차량번호를 자동으로 판독
적외선카메라가 촬영
설치비용이 개소 당 3억 원을 넘어 재정적인 부담이 매우 큼

자치단체에서 운영하는 CCTV
자치단체의 부서별로도 행정목적에 따라 다양한 CCTV 운영 (20107월 기준)
불법주정차 단속용(교통지도과) 6,288
쓰레기투기 방지(환경청소과) 4,537
시설물관리 82,384
주차관리 13,177
공항만 관리 6,082
기차 · 지하철등의 공공시설 36,090
산불 ·하천 ·공원관리

민간에 의한 CCTV
주민 개개인의 필요에 의해 아파트나 자기집, 상가 등 건물 외벽에 설치
최근 차량 내에 CCTV 블랙박스를 설치 하여 교통사고 원인 규명
차량 충돌 사고 시 자동 녹화하는 시스템
CCTV 녹화자료가 인터넷 등에서 동영상으로 유포되자 관계당국에서 목욕탕 등에는 CCTV를 설치할 수 없도록 법제화
성폭력범죄의 처벌 및 피해자보호 등에 관한 법률
현제 민간 건설업자 등이 아파트 등에 설치하는 CCTV를 규제하는 법률은 없으나 모든 CCTV를 규제하는 목적으로 정부(행정안전부) 입법으로 개인정보보호법이 발의되어 국회 계류 중인 상태

반응형

'미분류' 카테고리의 다른 글

인테리어1  (0) 2013.06.26
창의력을 키워줄 아이방 인테리어  (0) 2013.06.06
[CCTV]한강 다리에 투신 감시 CCTV/열 감지카메라  (0) 2013.03.07

[CCTV]한강 다리에 투신 감시 CCTV/열 감지카메라

미분류 2013. 3. 7. 22:43

마포·서강대교 시범 운영 후 25개 다리 전체로 확대 운영할 계획
마포대교처럼 투신자살 시도가 잦은 서울 한강 다리 25곳에 서울기가 이를 감시·긴급 구조하는 시세틈을 마련
우선 마포대교와 서강대교에 이 시스템을 구축해 2013. 1. 10일부터 시범 운영에 들어감

서울시는 마포·서강대교 양 방향에 각각 4개씩 총16폴을 설치하고, 여기에 지능형 CCTV열감지 카메라, 긴급 벨과 생명의 전화를 설치
이 감시 시스템은 다리에서 보행자가 난간으로 가 오랫동안 머무르거나 차량이 주행 중 갑작이 난간 옆에 정차하는 등 이상 징후가 포착되면 자동으로 영등포 수난구조대에 1차 경고 신호를 보내고, 실제 투신하면 수난구조대가 3분 안에 긴급 출동하도록 하는 구조
서울시는 11월 반포 수난구조대를 새로 만들고, 현재 2개뿐인 영등포와 광진 수난구조대의 인력과 구조 장비도 확중할 계획 (현재 수난구조대는 각각 20여명씩 7명이 3교대로 근무 중)
시는 당초 한강 다리에서 투신자살을 막기 위해 그물 설치, 난간 바깥쪽 강화유리 부착 등을 검토했지만 한강 경관을 해치고, 안전성에 문제가 있다는 지적에 따라 대신 감시·구조 시스템을 강화하기로 결정
서울시 소방재난본부에 따르면, 지난 2003~20119년동안 한강 다리에서는 총 1377건 투신 사고가 발생
200357건이던 투신 사고는 2009210, 2010193, 2011196건으로 200명 안팎으로 기록
이 시간 투신 사고가 가장 자주 일어난 마포대교(171)자살대교 오명을 얻기도 함(한강대교 138, 원효대교97, 서강대교 81건 순, 가장적은 곳은 김포대교 1)

반응형

'미분류' 카테고리의 다른 글

인테리어1  (0) 2013.06.26
창의력을 키워줄 아이방 인테리어  (0) 2013.06.06
[CCTV] CCTV활용형태  (0) 2013.03.07

Bayes판정 이론_pdf(Bayesian Decision Theory)

자료실 2013. 3. 7. 22:38
반응형

[OpenCV #7]이진 영상 변환(threshold)

OpenCV/example 2013. 3. 4. 20:03

1.이진 영상 변환(hreshold( InputArray src, OutputArray dst,double thresh, double maxval, int type )

 

double threshold( InputArray src, OutputArray dst, double thresh, double maxval, int type )

src and dst : 입출력 영상

 

thresh : 경계값

 

maxval : 변환 후의 1을 max_val로 변환

단, 아래의 threshold_type값에만 적용

CV_THRESH_BINARY

CV_THRESH_BINARY_INV

CV_THRESH_OTSU

 

type : 경계값 설정 방법

CV_THRESH_BINARY

CV_THRESH_BINARY_INV

CV_THRESH_TRUNC

CV_THRESH_TOZERO

CV_THRESH_TOZERO_INV

CV_THRESH_OTSU

 

 

 

2.소스코드

#include<opencv\cv.h>
#include<opencv\highgui.h>

using namespace cv;
using namespace std;
int main()
{
 Mat image = imread("sistar.jpg",0);//CV_LOAD_IMAGE_GRAYSCALE=0, CV_LOAD_IMAGE_COLOR=1
 if(!image.data) return -1; //Check image
 
 Mat binary;
 threshold(image,binary,100,255,CV_THRESH_BINARY);

 imshow("binary",binary);
 waitKey(0); //Wait for keystroke
 return 0;

}


반응형

프린트가 금지된 PDF 문서를 프린트 하기

자료실 2013. 2. 21. 19:02

프로그램 이름은 [ ProfPDF Protection Manager ]

주소: http://blog.mcmoon.net/blog/2828

반응형

[OpenCV #6]split and merge

OpenCV/example 2013. 2. 20. 18:17

1.분리하고 통합

result - 원본 이미지를 RGB로 분리하고 Red와 Blue 채널을 바꿔, 통합한 결과

gray - 0.299*R + 0.587*G + 0.114*B 공식을 적용하여 gray이미지 출력

밑의 창들은 채널 분리한 결과

void split(const Mat& mtx, Vector<Mat>& mv)

mtx - the original color image

mv - the result set is 1-channel image

 

void merge(const Vector<Mat>& mv, Mat& dst)

mv - the original set of 1-channel image

dst - the resulting color image

 

2.소스코드

#include<opencv\cv.h>
#include<opencv\highgui.h>

using namespace cv;
using namespace std;
int main()
{
 Mat image = imread("sistar.jpg"); //Load image form disk
 if(!image.data) return -1; //Check image
 //Split the original image into three channels
 //channels[0],channels[1],channels[2]
 vector<Mat> channels;
 split(image,channels); //Partition image into three channel planes

 imshow("Red",channels[2]);
 imshow("Green",channels[1]);
 imshow("Blue",channels[0]);

 

 vector<Mat>channelslzm(3);
 //Changes the Red and Blue sites:
 channelslzm[0]=channels[2];
 channelslzm[1]=channels[1];
 channelslzm[2]=channels[0];
 Mat imagelzm;
 merge(channelslzm,imagelzm);
 imshow("Result",imagelzm);

 

 //Calculating the brightness according to the formula 0.299*R + 0.587*G + 0.114*B

 //(But, in fact, it's right to do woth cvtColor)
 Mat gray=0.299*channels[2]+0.587*channels[1]+0.114*channels[0];
 imshow("Gray",gray);
 waitKey(0); //Wait for keystroke
 return 0;

}


반응형

'OpenCV > example' 카테고리의 다른 글

[OpenCV]카메라 영상 출력  (0) 2013.04.04
[OpenCV #7]이진 영상 변환(threshold)  (0) 2013.03.04
[OpenCV #5]cv::Mat 클래스,복사,픽셀 접근  (0) 2013.02.19
[OpenCV #4]관심 영역  (0) 2013.02.14
[OpenCV #3]Threshold  (0) 2013.02.14

[C/C++]도형 출력(삼각형,피라미드,다이아몬드)

C/C++ 2013. 2. 20. 12:56

1.삼각형1 출력

2.삼각형2 출력

3.피라미드 출력

4.다이아몬드출력



반응형

'C/C++' 카테고리의 다른 글

유용한 매크로 및 함수(콘솔)  (0) 2013.07.04
영역 결정 연산자(Scope Resolution Operator, ::)  (0) 2013.05.28
private, public, protected 공부  (0) 2013.05.28