我在 o/s X Yosemite 上使用 Inkscape 设计了一个可缩放矢量图形,随后将 SVG 保存为 HTML 文档并收到以下代码。
<!DOCTYPE html>
<html>
<head>
<title>Make Austerity History</title>
</head>
<body>
<canvas id='canvas' width='800' height='600'></canvas>
<script>
var ctx = document.getElementById("canvas").getContext("2d");
var myString = String.format('Hello World {0} {1}', value1,
value2);
// #layer1
// #rect3362
ctx.beginPath();
ctx.fillStyle = 'rgba(255, 255, 255, 0.8)';
ctx.rect(0.000000, 0.000000, 800.000000, 140.000000);
ctx.fill();
// #rect3364
ctx.beginPath();
ctx.fillStyle = 'rgba(255, 255, 255, 0.8)';
ctx.rect(0.000000, 140.000000, 180.000000, 460.000000);
ctx.fill();
// #layer2
// #rect3367
ctx.beginPath();
ctx.fillStyle = 'rgba(255, 255, 255, 0.8)';
ctx.rect(0.000000, 140.000000, 220.000000, 460.000000);
ctx.fill();
// #rect3391
ctx.beginPath();
ctx.fillStyle = 'rgba(255, 102, 0, 0.8)';
ctx.rect(0.000000, 140.000000, 240.000000, 460.000000);
ctx.fill();
// #add menu bar
// #rect3341
ctx.beginPath();
ctx.fillStyle = 'rgba(0, 0, 255, 0.8)';
ctx.rect(240.000000, 140.000000, 560.000000, 460.000000);
ctx.fill();
// #layer3
// #rect3370
ctx.beginPath();
ctx.fillStyle = 'rgba(249, 249, 249, 0.8)';
ctx.rect(0.000000, 0.000000, 800.000000, 140.000000);
ctx.fill();
ctx.;
</script>
</body>
</html>
我希望在左侧放置一系列指向其他页面的链接,颜色为橙色。(我相信那是#rect3391)但是,我该如何解决这个脚本?
我使用 Bluefish 编写 HTML 代码。