나는 우연히 SVGCaptcha , 바로 그것이 나쁜 생각 알고 있었다.
코드가 생성하는 SVG 이미지에서 유효성 검사 코드를 추출하여 이것이 얼마나 나쁜 아이디어인지 보여 드리고자합니다.
예제 이미지는 다음과 같습니다. 예제 이미지
의 소스는 다음과 같습니다.
<?xml version="1.0" encoding="utf-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve"
width="200" height="40"
> <rect x="0" y="0" width="200" height="40"
style="stroke: none; fill: none;" >
</rect> <text style="fill: #4d9363;" x="5" y="34" font-size="20" transform="translate(5, 34) rotate(-17) translate(-5, -34)">8</text>
<text style="fill: #be8b33;" x="125" y="29" font-size="21" transform="translate(125, 29) rotate(17) translate(-125, -29)">f</text>
<text style="fill: #d561ff;" x="45" y="35" font-size="20" transform="translate(45, 35) rotate(-2) translate(-45, -35)">4</text>
<text style="fill: #3de754;" x="85" y="31" font-size="21" transform="translate(85, 31) rotate(-9) translate(-85, -31)">8</text>
<text style="fill: #5ed4bf;" x="25" y="33" font-size="22" transform="translate(25, 33) rotate(16) translate(-25, -33)">u</text>
<text style="fill: #894aee;" x="105" y="28" font-size="25" transform="translate(105, 28) rotate(9) translate(-105, -28)">1</text>
<text style="fill: #e4c437;" x="65" y="32" font-size="20" transform="translate(65, 32) rotate(17) translate(-65, -32)">x</text>
</svg>
입력은 텍스트 형식의 SVG 이미지입니다.
유일한 실제 제한 사항은 코드가 올바른 순서로 값을 생성해야한다는 것 입니다.
입력 <text>
요소는 임의의 순서로되어 있으므로 태그 의 x
속성에 주의해야합니다<text>
점수는 코드의 바이트 수입니다
코드는 현재 서로를 취소하는 두 가지 변환을 수행하므로 무시할 수 있지만 고려할 경우 점수에서 30 % 감소하십시오.