「10分でわかるSVG 応用編」サンプル

<g fill="#c44" stroke="#822" stroke-width="2"> <circle cx="32" cy="32" r="30" /> <rect x="40" y="30" width="80" height="50" /> </g> <g id="s02"> <circle cx="32" cy="32" r="30" fill="#c44" /> <rect x="40" y="30" width="80" height="50" rx="10" ry="10" fill="#44c" /> </g> <use x="140" y="0" xlink:href="#s02" stroke="#ccc" stroke-width="2" /> <symbol id="s03" viewBox="0 0 120 80"> <circle cx="32" cy="

[minetty99]

“ var ctbl = { '#c44':'#4c4', '#4c4':'#44c', '#44c':'#c44' }; var el = document.getElementById('s51'); el.addEventListener('click', function(ev) { this.setAttribute('fill', ctbl[this.getAttribute('fill')]); }, false); ”

[mido_kos]

svg