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. js循环总结

    js原生的循环有两种,一般的for循环和for...in循环.还有一种常用jQuery.each()循环. 一. js原生循环 a. for循环,代码如下: var myArray = [1,2,3] ...

  2. solrcloud配置中文分词器ik

    无论是solr还是luncene,都对中文分词不太好,所以我们一般索引中文的话需要使用ik中文分词器. 三台机器(192.168.1.236,192.168.1.237,192.168.1.238)已 ...

  3. GridView 相同单元格合并

    效果如下: 主要代码如下:public class GridDecorator { public static void MergeRows(GridView gridView) { for (int ...

  4. FastAdmin 教程草稿大纲

    FastAdmin 教程草稿大纲 计划 FastAdmin 教程大纲 FastAdmin 环境搭建 phpStudy 2018 安装 一键 CRUD 教程 环境变量配置 环境安装 命令行安装 列出所需 ...

  5. greasemonkey修改网页内指定函数

    greasemonkey replace function? 方法1:编写GM代码 alert("hello2"); var mydiv =document.getElementB ...

  6. es6 中，大多数开发者和 babel 之类的工具默认添加 use strict 到 JS 文件的头部，确保采用严格模式

    严格模式(use strict) 有助于防止问题用法,并且它也有助于安全使用 JavaScript. 在 ES5 中, 严格模式是可选项,但是在 ES6 中,许多特性要求必须使用严格模式. 因此大多数 ...

  7. php 实现欧拉函数Euler

    欧拉函数ph(n)的意思是所有小于n且与n互质的个数.比如说ph(10) = 4{1,3,7,9与10互质} 代码如下: function Euler($x) { $res = $x; $now = ...

  8. virtualbox安装增强功能并设置共享文件夹

    virtualbox安装增强功能并设置共享文件夹 我们在安装之前,必须得先安装好它所需要的依赖包,不然安装过程必定会出现错误! 一.安装依赖包 #yum install kernel-headers# ...

  9. HBase的BlockCache

    BlockCache 首先要明白Block,在HBase里面存储的最小单元:在memstore向硬盘刷的时候,如果目标block的大小+size之后大于MAX_SIZE,将会新创建一个block来存储 ...

  10. opencv中的洪水填充算法

    在图像处理里,如果我们需要填充一个区域,使该区域为相同的颜色,则比较常用的是洪水填充法.洪水填充法可以用DFS也可以用BFS实现. opencv下有函数实现该功能: CVAPI(void) cvFlo ...