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 （三角形）的更多相关文章

  1. [LeetCode] Triangle 三角形

    Given a triangle, find the minimum path sum from top to bottom. Each step you may move to adjacent n ...

  2. UVa OJ 194 - Triangle (三角形)

    Time limit: 30.000 seconds限时30.000秒 Problem问题 A triangle is a basic shape of planar geometry. It con ...

  3. LeetCode Triangle 三角形（最短路）

    题意:给一个用序列堆成的三角形,第n层的元素个数为n,从顶往下,每个元素可以选择与自己最近的两个下层元素往下走,类似一棵二叉树,求最短路. [], [,4], [6,,7], [4,,8,3] 注意: ...

  4. Triangle 三角形——找出三角形中从上至下和最小的路

    Given a triangle, find the minimum path sum from top to bottom. Each step you may move to adjacent n ...

  5. 120 Triangle 三角形最小路径和

    给出一个三角形(数据数组),找出从上往下的最小路径和.每一步只能移动到下一行中的相邻结点上.比如,给你如下三角形:[     [2],    [3,4],   [6,5,7],  [4,1,8,3]] ...

  6. LeetCode 976. Largest Perimeter Triangle (三角形的最大周长)

    题目标签:Array 题目给了我们一个 边长的 array, 让我们找出 最大边长和的三角形,当然前提得是这三条边能组成三角形.如果array 里得边长组成不了三角形,返回0. 最直接的理解就是,找到 ...

  7. poj 2954 Triangle 三角形内的整点数

    poj 2954 Triangle 题意 给出一个三角形的三个点,问三角形内部有多少个整点. 解法 pick's law 一个多边形如果每个顶点都由整点构成,该多边形的面积为\(S\),该多边形边上的 ...

  8. LeetCode 120. Triangle三角形最小路径和 (C++)

    题目: Given a triangle, find the minimum path sum from top to bottom. Each step you may move to adjace ...

  9. Leetcode120.Triangle三角形最小路径和

    给定一个三角形,找出自顶向下的最小路径和.每一步只能移动到下一行中相邻的结点上. 例如,给定三角形: [ [2], [3,4], [6,5,7], [4,1,8,3] ] 自顶向下的最小路径和为 11 ...

  10. LeetCode 120. Triangle (三角形最小路径和）详解

    题目详情 给定一个三角形,找出自顶向下的最小路径和.每一步只能移动到下一行中相邻的结点上. 例如,给定三角形: [ [2], [3,4], [6,5,7], [4,1,8,3] ] 自顶向下的最小路径 ...

随机推荐

  1. PAT 团体程序设计天梯赛 L1-046 整除光棍（模拟除法）

    L1-046. 整除光棍 时间限制 400 ms 内存限制 65536 kB 代码长度限制 8000 B 判题程序 Standard 作者 翁恺 这里所谓的"光棍",并不是指单身汪 ...

  2. 字符串哈希算法（以ELFHash详解）

    更多字符串哈希算法请参考:http://blog.csdn.net/AlburtHoffman/article/details/19641123 先来了解一下何为哈希: 哈希表是根据设定的哈希函数H( ...

  3. hdu1176 dp

    题意:在一条 0 ~ 10 的坐标轴上,在整数点上会掉烙饼,一个人第 0 秒站在坐标 5 处,每秒他能够左右移动一个单位的坐标或不移动,并接住该坐标位置当前时间落下的烙饼,(例如第0秒他在坐标5处,第 ...

  4. windows下配置redis

    1.首先去GitHub上下载所需文件,这里我们下载的是zip文件 https://github.com/MicrosoftArchive/redis/releases 2.解压后文件目录如下 3.启动 ...

  5. leetcode:Reverse Words in a String【Python版】

    class Solution: # @param s, a string # @return a string def reverseWords(self, s): ss = s.split(&quo ...

  6. 【模式识别】MPL,MIL和MCL

    Multi-Instance Learning (MIL) 和Multi-Pose Learning (MPL)是CV的大牛Boris Babenko at UC San Diego提出来的.其思想能 ...

  7. web.xml中context-param详解

    <context-param> <param-name>contextConfigLocation</param-name> <param-value> ...

  8. hadoop yarn 知识点

    yarn 简介: Yarn是一个分布式的资源管理系统,用以提高分布式的集群环境下的资源利用率,这些资源包括内存.IO.网络.磁盘等.其产生的原因是为了解决原MapReduce框架的不足.最初MapRe ...

  9. FormData 知识点

    通过FormData对象可以组装一组用 XMLHttpRequest发送请求的键/值对.它可以更灵活方便的发送表单数据,因此可以独立于表单使用. 如果你把表单的编码类型设置为multipart/for ...

  10. MySQL 查看编码 排序规则

    查看数据库的排序规则 mysql> show variables like 'collation%'; +----------------------+-------------------+ ...