svgdr教程目录
本帖最后由 马黑黑 于 2024-12-1 09:35 编辑 <br /><br /><style>.art > p { margin: 12px 0; font: normal 18px/24px sans-serif; }
.art mark { padding: 2px 6px; background: lightblue; }
.art svg { outline: 1px solid silver; }
.tRed { color: red; }
.art table { width: 100%; font: normal 16px/20px Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; border-collapse: collapse; border: none; }
.art table thead { background: lightblue; font-weight: bold; }
.art table tbody tr { border: none; background: #fff; }
.art table tbody tr:hover { background: #ccc; color: darkred; }
.art table tr td { padding: 6px; border: none; }
.art table td:nth-child(4n+1) { width: 60px; text-align: center; }
.art table td:nth-child(4n+2) { width: 200px; }
.art table tfoot td:last-child { color: hotpink; text-align: right; }
.art h2 { text-align: center; text-shadow: 1px 1px 1px gray; }
</style>
<div class="art">
<h2>svgdr教程目录</h2>
<table>
<thead>
<tr>
<td>序号</td>
<td>标题</td>
<td>指令</td>
</tr>
</thead>
<tbody id="tBody">
</tbody>
<tfoot>
<tr>
<td></td>
<td></td>
<td>更新时间 : 2024-12-1</td>
</tr>
</tfoot>
</table>
</div>
<script>
var datas = [
['插件引用和使用', '/forum.php?mod=viewthread&tid=79138&extra=page%3D1', '_dr(svgID)'],
['画圆', '/forum.php?mod=viewthread&tid=79146&extra=page%3D1', 'circle(cx, cy, r, fill, stroke, stroke-width)'],
['画椭圆', '/forum.php?mod=viewthread&tid=79164&extra=page%3D1', 'ellipse(cx, cy, rx, ry, fill, stroke, stroke-width)'],
['画矩形', '/forum.php?mod=viewthread&tid=79178&extra=page%3D1', 'rect(x, y, width, height, fill, stroke, stroke-width, rx, ry)'],
['画多边形', '/forum.php?mod=viewthread&tid=79196&extra=page%3D1', 'polygon(points, fill, stroke, stroke-width, stroke-linejoin)'],
['画折线', '/forum.php?mod=viewthread&tid=79211&extra=page%3D1', 'polyline(points, fill, stroke, stroke-width, stroke-linecap, stroke-linejoin)'],
['画直线', '/forum.php?mod=viewthread&tid=79243&extra=page%3D1', 'line(x1, y1, x2, y2, stroke, stroke-width, stroke-linecap)'],
['path路径', '/forum.php?mod=viewthread&tid=79269&extra=page%3D1', 'path(d, fill, stroke, stroke-width, stroke-linecap, stroke-linejoin)'],
['装饰标签', '/forum.php?mod=viewthread&tid=79291&extra=page%3D1', 'pattern(id, x, y, width, height)<br>marker(id, width, height, refX, refY, orient, viewBox, markerUnits)'],
['容器元素', '/forum.php?mod=viewthread&tid=79311&extra=page%3D1', 'defs(id) | g(id) | symbol(id, viewBox)'],
['文本', '/forum.php?mod=viewthread&tid=79328&extra=page%3D1', 'text(text, x, y, fill) | tspan(str, x, y, dx, dy, style) | textPath(pathId, )'],
['渐变', '/forum.php?mod=viewthread&tid=79351&extra=page%3D1', 'gradient(name, options, stopcode)'],
['动画', '/forum.php?mod=viewthread&tid=79376&extra=page%3D1', 'animate(name, options)'],
['图像元素 + 锚', '/forum.php?mod=viewthread&tid=79401&extra=page%3D1', 'image(src, x, y, width, height) | a(id, url, target)'],
['draw & addTo', '/forum.php?mod=viewthread&tid=79414&extra=page%3D1', 'draw(name, option) | addTo(id)'],
['滤镜', '/forum.php?mod=viewthread&tid=79468&extra=page%3D1', 'filter(fId, fecode) | f(fId, fecode) | filterTo(fId) | f2(fId)'],
['补充性质指令', '/forum.php?mod=viewthread&tid=79486&extra=page%3D1', 'id(id) | w(width) | ...'],
['遮罩', '/forum.php?mod=viewthread&tid=79502&extra=page%3D1', 'mask(id, )'],
['set、sets和style', '/forum.php?mod=viewthread&tid=79558&extra=page%3D1',''],
['冒泡提示语', '/forum.php?mod=viewthread&tid=79581&extra=page%3D1', 'title(str, )'],
['use实例化', '/forum.php?mod=viewthread&tid=79607&extra=page%3D1', 'use(href, x, y, width, height)'],
['外来对象', '/forum.php?mod=viewthread&tid=79615&extra=page%3D1', 'fObj(code, x, y, width, height)'],
['内部CSS', '/forum.php?mod=viewthread&tid=79646&extra=page%3D1', 'css(csscode)'],
['内部JS', '/forum.php?mod=viewthread&tid=79706&extra=page%3D1', 'js(jscode)'],
['杂项', '/forum.php?mod=viewthread&tid=79788&extra=page%3D1', 'clear() | code() | setsvg(option)'],
];
let tstr = '';
datas.forEach((d, k) => {
tstr += '<tr><td>' + (k+1) + '</td><td><a href="' + d + '" target="_blank">' + d + '</a></td><td>' + d + '</td><tr>';
});
tBody.innerHTML += tstr;
</script> 这是挖坑么，扑通，我掉进来了{:4_173:} 顺着路标进来的。。
大工程来了。。
先画好一个地盘，留个地址。。{:4_173:} 花飞飞 发表于 2024-10-31 20:32
顺着路标进来的。。
大工程来了。。
先画好一个地盘，留个地址。。
{:4_173:} 红影 发表于 2024-10-31 19:45
这是挖坑么，扑通，我掉进来了
浅浅的坑 马黑黑 发表于 2024-10-31 20:38
期待绘画蓝图。{:4_173:} 花飞飞 发表于 2024-10-31 20:55
期待绘画蓝图。
{:4_172:} 待回复……{:4_170:} 马黑黑 发表于 2024-10-31 20:38
浅浅的坑
我在那个帖子点击链接，又掉回这里，虽然浅，我掉了两遍{:4_173:} 红影 发表于 2024-10-31 23:08
我在那个帖子点击链接，又掉回这里，虽然浅，我掉了两遍
项目尚未动手做 马黑黑 发表于 2024-11-1 07:48
项目尚未动手做
黑黑辛苦了。今天的那个关于圆的应该算一个吧。 红影 发表于 2024-11-1 11:39
黑黑辛苦了。今天的那个关于圆的应该算一个吧。
分散来写教程，然后汇总成目录 马黑黑 发表于 2024-11-1 12:49
分散来写教程，然后汇总成目录
这也是个大工程呢，太不容易了{:4_190:} 每个目录都 是大型压缩包。。。 南无月 发表于 2024-11-1 21:30
每个目录都 是大型压缩包。。。
很小巧的吧 马黑黑 发表于 2024-11-1 22:09
很小巧的吧
跟标题比呀。。。
每篇都小巧好懂且简洁，形象{:4_173:}这到是真的 花飞飞 发表于 2024-11-2 19:34
跟标题比呀。。。
每篇都小巧好懂且简洁，形象这到是真的
{:4_205:} 顺手把目录捞出来{:4_170:}
突然发现，前面除了名称还有指令，这个目录重点突出，很是特别 花飞飞 发表于 2024-11-5 19:25
顺手把目录捞出来
突然发现，前面除了名称还有指令，这个目录重点突出，很是特别
这才发现，晚了 马黑黑 发表于 2024-11-5 19:33
这才发现，晚了
{:4_173:}有早发现的，也有晚发现的，所以叫早晚都发现