പ്രമാണം:Catalan number-path reflection.svg

testwiki സംരംഭത്തിൽ നിന്ന്
വഴികാട്ടികളിലേക്ക് പോവുക തിരച്ചിലിലേക്ക് പോവുക
പൂർണ്ണ വലിപ്പം (എസ്.വി.ജി. പ്രമാണം, നാമമാത്രമായ 46 × 64 പിക്സലുകൾ, പ്രമാണത്തിന്റെ വലിപ്പം: 1 കെ.ബി.)

ഈ പ്രമാണം വിക്കിമീഡിയ കോമൺസ് സംരംഭത്തിൽ നിന്നുമുള്ളതാണ്, മറ്റു പദ്ധതികൾ ഇതുപയോഗിക്കുന്നുണ്ടാകാം. ഈ പ്രമാണത്തിന്റെ വിവരണ താളിലുള്ള വിവരങ്ങൾ താഴെ കൊടുത്തിരിക്കുന്നു.

ചുരുക്കം

വിവരണം
English: Reflection-based proof of Catalan numbers Catalan number#Second proof
തീയതി
സ്രോതസ്സ് സ്വന്തം സൃഷ്ടി
സ്രഷ്ടാവ് Javalenok

Source code

<html>
  <svg width="46" height="64" xmlns="http://www.w3.org/2000/svg">
  
  <defs>
          
    <pattern id="grid" width="8" height="8" patternUnits="userSpaceOnUse">
     <path d="M 0 0 V 8 H 8" fill="none" stroke="lightgray" stroke-width="0.5"></path>
    </pattern>
	<g id="canvas">
	  <rect width="46" height="53" fill="url(#grid)" />
	  <path d="M 0,0 L 64,64" stroke="black" stroke-width="0.3"></path>
	  <path d="M 0,8 L 80, 88" stroke="red" stroke-width="0.3"></path>
	  <path id="path0" d="M 0,0 h8 v16" stroke="black" stroke-width=".9" fill="none">
	  </path>
	  <g stroke="black" stroke-width=".9" fill="none">
	  <path id="path1" d="M 8,16 ">
		<animate id="first" attributeType="CSS" attributeName="stroke" 
           begin="0s;second.end+1s" from="black" to="rgba(230,230,230,1)" dur="200ms" fill = "freeze" />
		<animate id="second" attributeType="CSS" attributeName="stroke" 
           begin="first.end+1s" from="rgba(230,230,230,1)" to="black" dur="200ms" fill = "freeze" />
	  </path></g>
	  <path id="path2" d="M 8,16" stroke="black" stroke-width=".9" fill="none">
		<animate attributeType="CSS" attributeName="stroke" 
           begin="first.begin" from="rgba(230,230,230,1)" to="black" dur="200ms" fill = "freeze" />
		<animate id="second" attributeType="CSS" attributeName="stroke" 
           begin="second.begin" from="black" to="rgba(230,230,230,1)" dur="200ms" fill = "freeze" />
	  </path>
	</g>
  </defs>
	<use x=00 y=00 xlink:href="#canvas" transform="translate(002, 53) scale(1,-1)"/>

</svg>
	
 <textarea id="area1" rows=15 cols=50></textarea>
 
<script language="javascript">
var svgNS = "http://www.w3.org/2000/svg";
var canvas = document.querySelector("svg")
function svg(name, props) {
var element = document.createElementNS(svgNS, name); //to create a circle, for rectangle use rectangle
  for (key in props)
        if(key=="xlink:href"){
                element.setAttributeNS('http://www.w3.org/1999/xlink', 'href', props[key]);
        }else{
                element.setAttribute(key, props[key]);
    }
  //alert(element.outerHTML)
  return canvas.appendChild(element);
}
function arrow(x, y, angle) {
        var transform = "rotate(" + angle + ", "+ x + ", "+ y + ")"
        svg("use", {x:x, y:y, "xlink:href":"#myarrow", transform:transform})
  //alert(canvas.outerHTML)
}

var grid = document.querySelector("#grid").width.baseVal.value
var path = "hhvvvhh"
function pave(pathid) {
		if (pathid == 2) path = path.replace(/h/g,1).replace(/v/g, 'h').replace(/1/g, 'v')
		var svgpath = document.querySelector("#path" + pathid)
		var d = svgpath.getAttribute("d")
        for (var i = 0; i != path.length ;i++) {
				d += " " + path[i] + grid
        }
		
		//arrowhead
		if (path[path.length-1] == 'v') 
			d += " l -1.5,-1.5,3,0,-1.5,1.5"
		else
			d += " l -1.5,1.5,0,-3,1.5,1.5"
		svgpath.setAttribute("d", d)
}
pave(1)
pave(2)

document.querySelector("#area1").value = canvas.outerHTML

</script>

</body></html>

Javascript updates SVG canvas on page load and exposes resulting file in textarea. In the second edition I actually highlighted the path flipping with animation but it seems does not play in Wikipedia.

അനുമതി

ഈ സൃഷ്ടിയുടെ പകർപ്പവകാശ ഉടമയായ ഞാൻ, താഴെ പറയുന്ന അനുമതിയിൽ ഈ സൃഷ്ടി ഇതിനാൽ പ്രസിദ്ധീകരിക്കുന്നു:
w:ml:ക്രിയേറ്റീവ് കോമൺസ്
കടപ്പാട് ഇതു പോലെ പങ്ക് വെയ്ക്കുക
ഈ പ്രമാണത്തിന് അനുമതി നൽകപ്പെട്ടിരിക്കുന്നത് ക്രിയേറ്റീവ് കോമൺസ് ആട്രിബ്യൂഷൻ -ഷെയർ എലൈക് 4.0 അന്താരാഷ്ട്ര അനുവാദപത്ര പ്രകാരമാണ്.
താങ്കൾക്കുള്ള സ്വാതന്ത്ര്യങ്ങൾ:
  • പങ്ക് വെയ്ക്കൽ – കൃതി പകർത്താനും, വിതരണം ചെയ്യാനും, പ്രസരിപ്പിക്കാനും
  • പുനഃമിശ്രണം ചെയ്യൽ – കൃതി അനുയുക്തമാക്കാൻ
താഴെ പറയുന്ന ഉപാധികൾ പാലിക്കുക:
  • കടപ്പാട് – രചയിതാവോ അനുമതിയുള്ളയാളോ വ്യക്തമാക്കിയിട്ടുള്ള വിധത്തിൽ കൃതിയ്ക്കുള്ള കടപ്പാട് താങ്കൾ നൽകിയിരിക്കണം. താങ്കൾക്കിത് ഏത് വിധത്തിൽ വേണമെങ്കിലും ചെയ്യാവുന്നതാണ്, പക്ഷേ അത് അവർ താങ്കളേയോ താങ്കളുടെ ഉപയോഗത്തേയോ അടിച്ചേൽപ്പിച്ചതു പോലെയാവരുത്.
  • ഇതു പോലെ പങ്ക് വെയ്ക്കുക – ഈ സൃഷ്ടിയെ പുനഃമിശ്രണം ചെയ്തോ രൂപാന്തരപ്പെടുത്തിയോ അടിസ്ഥാനപ്പെടുത്തിയോ ഉണ്ടാക്കുന്നവ; താങ്കളുടെ സംഭാവനയടക്കമുള്ള സൃഷ്ടി യഥാർത്ഥ സൃഷ്ടിയുടെ അതേ അല്ലെങ്കിൽ അനുരൂപമായ ഉപയോഗാനുമതിയിൽ മാത്രമേ താങ്കൾ വിതരണം ചെയ്യാവൂ.

തലവാചകങ്ങൾ

ഈ പ്രമാണം എന്തിനെ പ്രതിനിധീകരിക്കുന്നുവെന്ന ഒറ്റവരി വിശദീകരണം ചേർക്കുക

ഈ പ്രമാണത്തിൽ ചിത്രീകരിച്ചിരിക്കുന്ന ഇനങ്ങൾ

സൃഷ്ടിയിലുള്ളത്

സ്രഷ്ടാവ്

ഈ വിശേഷഗുണത്തിന് വിലയുണ്ട്, പക്ഷേ അത് അപരിചിതമാണ്.

സൃഷ്ടിച്ചയാളുടെ പേര്: Javalenok
വിക്കിമീഡിയ ഉപയോക്തൃനാമം: Javalenok

ഉത്പത്തി

7 ജനുവരി 2015

data size ഇംഗ്ലീഷ്

1,036 ബൈറ്റ്

ഉയരം

64 പിക്സൽ

വീതി

46 പിക്സൽ

പ്രമാണ നാൾവഴി

ഏതെങ്കിലും തീയതി/സമയ കണ്ണിയിൽ ഞെക്കിയാൽ പ്രസ്തുതസമയത്ത് ഈ പ്രമാണം എങ്ങനെയായിരുന്നു എന്നു കാണാം.

തീയതി/സമയംലഘുചിത്രംഅളവുകൾഉപയോക്താവ്അഭിപ്രായം
നിലവിലുള്ളത്11:52, 18 ജനുവരി 201511:52, 18 ജനുവരി 2015-ലെ പതിപ്പിന്റെ ലഘുചിത്രം46 × 64 (1 കെ.ബി.)wikimediacommons>JavalenokHighlight flipped sections without animation

താഴെ കാണുന്ന താളിൽ ഈ ചിത്രം ഉപയോഗിക്കുന്നു:

"https://ml.wiki.beta.math.wmflabs.org/wiki/പ്രമാണം:Catalan_number-path_reflection.svg" എന്ന താളിൽനിന്ന് ശേഖരിച്ചത്