1
我有這樣的代碼：SVG路徑對準
function MyClient() {
var personPath = "M255.968,166.154c34.206,0,61.936-27.727,61.936-61.934c0-34.208-27.729-61.936-61.936-61.936s-61.936,27.728-61.936,61.936 C194.032,138.428,221.762,166.154,255.968,166.154z M339.435,194.188c-13.082-13.088-28.625-20.924-84.83-20.924 c-56.214,0-71.38,8.505-83.796,20.924c-12.422,12.416-8.23,144.883-8.23,144.883l27.485-65.304l17.28,194.554l49.856-99.57 l46.521,99.57l16.456-194.554l27.487,65.304C347.664,339.07,352.521,207.271,339.435,194.188z";
var self = this,
width = $('#canvas').width(),
mapCanvasHeight = (width * 0.75);
this.init = function() {
self.drawCanvas();
self.drawRect();
self.drawPerson();
}
this.drawCanvas = function() {
// we add the svg to the #canvas id.
self.svg = d3.select('#canvas').append('svg:svg')
.attr("width", "100%")
.attr("height", "100%")
//.attr("viewBox", "0 0 " + width + " " + mapCanvasHeight);
}
this.drawRect = function() {
self.svg.append("rect")
.attr("x", 0)
.attr("y", 0)
.attr("width", width)
.attr("height", mapCanvasHeight)
.attr("fill", "black");
}
this.drawPerson = function() {
self.svg.append("path")
.attr("d", personPath)
.attr("fill", "white")
.attr("transform", function() {
return "scale(0.08) translate(" + 0 + "," + 0 + ")"; });
}
this.init();
};
var MyClient;
jQuery(function() {
MyClient = new MyClient();
});
我如何drawPerson位置，使其正確對齊到左上角？
，你可以在這裏看到：http://jsfiddle.net/SuTZR/
任何建議非常讚賞