Question

我在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代码。

通过HTML在可缩放矢量图形上创建链接选项菜单

0 个答案: