2.Triangle (三角形)
1.等腰直角三角形:
https://www.cnblogs.com/FlyingLiao/p/9869040.html
2.1任意三角形:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
.yuanXing{
width:60px;
border-top:30px solid black;
border-bottom:30px solid red;
border-left:30px solid blue;
border-right:30px solid pink;
}
.dengYao2{
/* 在此以红色三角形为主 */
width:0px;
/* border-top:60px solid white; */
/* 改变三角形的高 */
border-bottom:60px solid red;
/* 改变三角形左边底 */
border-left:50px solid white;
/* 改变三角形右边底 */
border-right:30px solid white;
}
</style>
</head>
<body>
<div class="yuanXing"></div>
<br/>
<div class="dengYao2"></div>
</body>
</html>
2.2任意三角形(SVG)目前最好的。
原地址:http://www.runoob.com/svg/svg-polygon.html
<!-- svg有默认宽高 ,所以polygon的宽高不能超出父元素宽高 -->
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
<polygon points="200,10 250,190 160,210"
style="fill:lime;stroke:purple;stroke-width:1"/>
</svg>
- points 属性定义多边形每个角的 x 和 y 坐标
2.3任意三角形(包括多边形 利用canvas)也不错。
地址效果:https://codepen.io/flyingliao/pen/JzJgmP?editors=1010
HTML code:
<canvas id="myCanvas" width="200" height="100" style="border:1px solid #c3c3c3;">
<!-- 如果浏览器不支持会显示以下内容-->
Your browser does not support the canvas element.
</canvas>
JavaScript code:
var c=document.getElementById("myCanvas");
var cxt=c.getContext("2d");
/* 起点 */
cxt.moveTo(30,10);
/* 绘制三角形顺时针方向 */
cxt.lineTo(60,40);
cxt.lineTo(0,40);
cxt.lineTo(30,10);
/* 绘制 */
cxt.stroke();
2.Triangle (三角形)的更多相关文章
- [LeetCode] Triangle 三角形
Given a triangle, find the minimum path sum from top to bottom. Each step you may move to adjacent n ...
- UVa OJ 194 - Triangle (三角形)
Time limit: 30.000 seconds限时30.000秒 Problem问题 A triangle is a basic shape of planar geometry. It con ...
- LeetCode Triangle 三角形(最短路)
题意:给一个用序列堆成的三角形,第n层的元素个数为n,从顶往下,每个元素可以选择与自己最近的两个下层元素往下走,类似一棵二叉树,求最短路. [], [,4], [6,,7], [4,,8,3] 注意: ...
- Triangle 三角形——找出三角形中从上至下和最小的路
Given a triangle, find the minimum path sum from top to bottom. Each step you may move to adjacent n ...
- 120 Triangle 三角形最小路径和
给出一个三角形(数据数组),找出从上往下的最小路径和.每一步只能移动到下一行中的相邻结点上.比如,给你如下三角形:[ [2], [3,4], [6,5,7], [4,1,8,3]] ...
- LeetCode 976. Largest Perimeter Triangle (三角形的最大周长)
题目标签:Array 题目给了我们一个 边长的 array, 让我们找出 最大边长和的三角形,当然前提得是这三条边能组成三角形.如果array 里得边长组成不了三角形,返回0. 最直接的理解就是,找到 ...
- poj 2954 Triangle 三角形内的整点数
poj 2954 Triangle 题意 给出一个三角形的三个点,问三角形内部有多少个整点. 解法 pick's law 一个多边形如果每个顶点都由整点构成,该多边形的面积为\(S\),该多边形边上的 ...
- LeetCode 120. Triangle三角形最小路径和 (C++)
题目: Given a triangle, find the minimum path sum from top to bottom. Each step you may move to adjace ...
- Leetcode120.Triangle三角形最小路径和
给定一个三角形,找出自顶向下的最小路径和.每一步只能移动到下一行中相邻的结点上. 例如,给定三角形: [ [2], [3,4], [6,5,7], [4,1,8,3] ] 自顶向下的最小路径和为 11 ...
- LeetCode 120. Triangle (三角形最小路径和)详解
题目详情 给定一个三角形,找出自顶向下的最小路径和.每一步只能移动到下一行中相邻的结点上. 例如,给定三角形: [ [2], [3,4], [6,5,7], [4,1,8,3] ] 自顶向下的最小路径 ...
随机推荐
- 2018-2019-2 20165212 《网络对抗技术》Exp3 免杀原理与实践
2018-2019-2 20165212 <网络对抗技术>Exp3 免杀原理与实践 一.实验内容 正确使用msf编码器,msfvenom生成如jar之类的其他文件,veil-evasion ...
- Linux(CentOS)搭建SVN服务器
1.安装命令 yum -y install subversion 查看SVN安装位置 rpm -ql subversion 查看SVN版本 svnserve --version 2.创建版本库根目录( ...
- 类名.fromObject(obj)静态方法
- pthread中errors.h的代码
#ifndef __errors_h #define __errors_h #include <unistd.h> #include <errno.h> #include &l ...
- jsp 知识点
在JSP中很多对象是不需要创建的,如out.session等.它们可以直接使用. <% out.println(session.getId()); %>
- linux yum安装httpd后,启动service httpd start 报错解决方案
解决方案:
- FineUI 修改config表属性
此功能可用来设置系统的不同的标题 private void SelectSystem() { ConfigHelper.Title = DropDownList1.SelectedText; Conf ...
- Spring Boot/Spring Cloud、ESB、Dubbo
如何使用Spring Boot/Spring Cloud 实现微服务应用spring Cloud是一个基于Spring Boot实现的云应用开发工具,它为基于JVM的云应用开发中的配置管理.服务发现. ...
- opencv中的滤波
以前的时候,为了过滤图像中的一些噪点,学过一些简单的滤波,比如中值滤波,均值滤波,也是自己实现的. 在opencv中有现成的函数可以调用,实现滤波的操作. 函数的原型如下: CVAPI(void) c ...
- [boost] : test库
最小化的测试套件minimal_test test库提供一个最小化的测试套件minimal_test, 类似lightweight_test适合入门级测试. 需要包含文件文#include <b ...