起点的行程宽度与其他点不同

时间:2016-12-08 05:54:22

标签: css css3 svg polyline

为什么笔划宽度因起点和其他点而不同?

请参阅以下代码:

   <svg>
      <polyline points="10 0, 30 0,10 10,30 10" fill="none" stroke-width="2px" stroke="#19af5c"></polyline>
    </svg>

我不希望通过复制其他点的多线来实现。即每个点都有不同的polyline / line元素

1 个答案:

答案 0 :(得分:4)

这是因为在SVG中如何完成笔画。这样做是半个半,也就是说,笔画是从0到1的一半而另一半是-1到0(如果你明白我的意思),所以你看到一个更薄的笔画。

您可以参考Stroke section in this MDN page查看我的意思。他们把它说如下:

  

以路径

为中心绘制笔划

如果你将点数设为10,1和30,1,你会看到相同的笔画宽度。原因在于,Y轴上的行程现在介于0到2之间(行程的一半位于点的顶部,一半位于底部)。

credentials = ServiceAccountCredentials.from_json_keyfile_name('Te....4e.json', scope)

gc = gspread.authorize(credentials)


#selects the spreadsheet
sh = gc.open_by_url('https://docs.google.com/spreadsheets/d/1u7....0')


worksheet = sh.worksheet('Keywords')
colvalue = "A"
rownumber = 2
updaterowvalue = 2

while rownumber <100:
    try:
        val = worksheet.acell(colvalue +str(rownumber)).value
        rownumber += 1
        url = val    
        #scrape elements
        response = requests.get(url)
        soup = BeautifulSoup(response.content, "html.parser")
        #print titles only
        h1 = soup.find("h1", class_= "sg-text--headline")    
        updatecolvalue = "B"    
                worksheet.update_acell(updatecolvalue +str(updaterowvalue), h1.get_text())
        updaterowvalue +=1
    except AttributeError:
        pass

print('DONE')