Skip to content

Instantly share code, notes, and snippets.

@aubergene
Created August 29, 2019 15:24
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save aubergene/2f371a8bdb96a761eec1a1e773ee24b7 to your computer and use it in GitHub Desktop.
Save aubergene/2f371a8bdb96a761eec1a1e773ee24b7 to your computer and use it in GitHub Desktop.
<svg id="plan" width="1000mm" height="600mm" viewBox="0,0,1000,600" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><style>text {
font-family: sans-serif;
font-size: 6px;
}
.engrave {
/* display: none; */
stroke: none;
fill: #999;
}
#plan .schematic {
display: none;
}
</style><g transform="translate(10,10)"><g transform="translate(0, 0)"><g transform="translate(10,10)"><text class="engrave" y="-6" dy="0.34em" text-anchor="middle">0</text><path stroke="#000" fill="none" d="M2.402619007443888e-16,3.9237746085102825L-3.3980884896942456,-1.9618873042551404L3.398088489694244,-1.961887304255143Z"/></g> <g transform="translate(232.50886874260942,10)"><path stroke="#000" fill="none" d="M2.402619007443888e-16,-3.9237746085102825L3.398088489694245,1.9618873042551406L-3.3980884896942443,1.9618873042551426Z"/></g> <g transform="translate(540,10)"><path stroke="#000" fill="none" d="M2.402619007443888e-16,3.9237746085102825L-3.3980884896942456,-1.9618873042551404L3.398088489694244,-1.961887304255143Z"/></g> <rect fill="none" stroke="#000" width="550" height="20"/> <rect class="engrave" x="274.5" width="1" height="20"/> <text class="schematic beam-info" x="30" y="10" dy="0.34em" text-anchor="start">len:550 mass: 10940</text></g><g transform="translate(0, 25)"><g transform="translate(10,10)"><text class="engrave" y="-6" dy="0.34em" text-anchor="middle">1</text><path stroke="#000" fill="none" d="M2.402619007443888e-16,3.9237746085102825L-3.3980884896942456,-1.9618873042551404L3.398088489694244,-1.961887304255143Z"/></g> <g transform="translate(168.24097397145255,10)"><path stroke="#000" fill="none" d="M2.402619007443888e-16,-3.9237746085102825L3.398088489694245,1.9618873042551406L-3.3980884896942443,1.9618873042551426Z"/></g> <g transform="translate(340,10)"><path stroke="#000" fill="none" d="M2.402619007443888e-16,3.9237746085102825L-3.3980884896942456,-1.9618873042551404L3.398088489694244,-1.961887304255143Z"/></g> <rect fill="none" stroke="#000" width="350" height="20"/> <rect class="engrave" x="174.5" width="1" height="20"/> <text class="schematic beam-info" x="30" y="10" dy="0.34em" text-anchor="start">len:350 mass: 6940</text></g><g transform="translate(0, 50)"><g transform="translate(10,10)"><text class="engrave" y="-6" dy="0.34em" text-anchor="middle">2</text><path stroke="#000" fill="none" d="M2.402619007443888e-16,3.9237746085102825L-3.3980884896942456,-1.9618873042551404L3.398088489694244,-1.961887304255143Z"/></g> <g transform="translate(58.14606741573033,10)"><path stroke="#000" fill="none" d="M2.402619007443888e-16,-3.9237746085102825L3.398088489694245,1.9618873042551406L-3.3980884896942443,1.9618873042551426Z"/></g> <g transform="translate(140,10)"><path stroke="#000" fill="none" d="M2.402619007443888e-16,3.9237746085102825L-3.3980884896942456,-1.9618873042551404L3.398088489694244,-1.961887304255143Z"/></g> <rect fill="none" stroke="#000" width="150" height="20"/> <rect class="engrave" x="74.5" width="1" height="20"/> <text class="schematic beam-info" x="30" y="10" dy="0.34em" text-anchor="start">len:150 mass: 2940</text></g><g transform="translate(0,75)"><g transform="translate(96.05236749633099, 166.36758069092267) rotate(180)"><g transform="translate(0,10)"><path stroke="#000" fill="none" d="M2.402619007443888e-16,-3.9237746085102825L3.398088489694245,1.9618873042551406L-3.3980884896942443,1.9618873042551426Z"/><text class="engrave" text-anchor="middle" dy="0.34em" y="6">0</text></g> <g transform="translate(0,110.9117204606151)"><path stroke="#000" fill="none" d="M6.791384172500914e-15,-110.9117204606151L96.05236749633099,55.45586023030753L-96.05236749633096,55.455860230307586Z"/><text class="schematic" y="12" text-anchor="middle">15980</text></g></g><g transform="translate(197.10473499266197, 117.56600462888767) rotate(180)"><g transform="translate(0,10)"><path stroke="#000" fill="none" d="M2.402619007443888e-16,-3.9237746085102825L3.398088489694245,1.9618873042551406L-3.3980884896942443,1.9618873042551426Z"/><text class="engrave" text-anchor="middle" dy="0.34em" y="6">1</text></g> <g transform="translate(0,39.18866820962921)"><path stroke="#000" fill="none" d="M4.799227708577007e-15,78.37733641925846L-67.8767644200371,-39.18866820962921L67.87676442003708,-39.18866820962926Z"/><text class="schematic" y="12" text-anchor="middle">7980</text></g></g><g transform="translate(269.98149941269907, 0) rotate(0)"><g transform="translate(0,10)"><path stroke="#000" fill="none" d="M2.402619007443888e-16,-3.9237746085102825L3.398088489694245,1.9618873042551406L-3.3980884896942443,1.9618873042551426Z"/><text class="engrave" text-anchor="middle" dy="0.34em" y="6">3</text></g> <g transform="translate(0,27.675826222985705)"><path stroke="#000" fill="none" d="M3.3893111997737835e-15,55.351652445971425L-47.93593715965832,-27.6758262229857L47.9359371596583,-27.675826222985737Z"/><text class="schematic" y="12" text-anchor="middle">3980</text></g></g><g transform="translate(322.91743657235736, 0) rotate(0)"><g transform="translate(0,10)"><path stroke="#000" fill="none" d="M2.402619007443888e-16,-3.9237746085102825L3.398088489694245,1.9618873042551406L-3.3980884896942443,1.9618873042551426Z"/><text class="engrave" text-anchor="middle" dy="0.34em" y="6">2</text></g> <g transform="translate(0,39.041064415056766)"><path stroke="#000" fill="none" d="M2.390575728560245e-15,-39.041064415056766L33.81055357422382,19.520532207528376L-33.81055357422381,19.520532207528397Z"/><text class="schematic" y="12" text-anchor="middle">1980</text></g></g></g></g></svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment